li 사이 간격 질문이요~
가장
2023.04.01
ul style=background:#0a0a0a; width:107px; height:325px;
lia href=#img src=images/img01.gif alt= //a/li
lia href=#img src=images/img02.gif alt= //a/li
lia href=#img src=images/img03.gif alt= //a/li
lia href=#img src=images/img04.gif alt= //a/li
/ul
이렇게 이미지를 세로정렬 하려고 합니다.
근데 이미지와 이미지사이의 간격이 벌어집니다. 딱 붙어야하는데;;
margin:0; padding:0;을 줘봐도 안되고..
간격을 붙힐 방법 좀 여쭤볼께요..
-
새얀
요소가 이미지를 감쌀 경우 요소의 높이가 이미지보다 약간 더 크게 잡힙니다.
윗분말대로 vertical-align:top으로 해결하는 방법도 있고,
그 외에도 몇가지 방법이 있다면 아래와 같습니다.
li{font-size:0;line-height:0;}
li{float:left;}
또는 li에 각각 height 값을 줍니다. -
권시크
img에 vertical-align:top 줘보세요..