ul li 질문입니다~
민트
2023.04.01
ul li가 블록 요소인데..
ul{list-style-type:none;overflow:hidden;}
li{display:inline;background-color:red;width:500px;height:500px;}
이렇게 했는데요~
이러면 li의 크기 width와 height가 안먹히잖아요~? inline-block은 크로스브라우징이 안되고요..
그리고 무엇보다 li들이 화면에 가운데 정렬되야합니다.. 이럴경우 어떻게해야할까요? li{text-align:center;}했는데 안되내요
ul에 overflow:hidden을 습관적으로 넣는데 삐져나가는거 숨기는거외에 다른 기능도 해주나요?
-
연초록
저는 답변 달 레벨은 못되서..ㅜㅜ
li들이 화면 가운데 정렬되려면 ul에 margin:0 auto;를 줘보셔도 될거같아요
li에서 text-align:center를 주는건 li 블럭 안에 있는 내용만 가운데로 정렬되는 것이니까요..
그리고 width와 height이 꼭 들어가야하는게 아니라면 그 부분은 padding으로 대체해보세요..