리스트에 이미지를 넣을 때 1픽셀 여백이..
글리슨
2023.04.01
위에 이미지와 이미지 사이 1픽셀 여백이 벌려집니다.
그래서 3번째 이미지가 아래로 내려가버리네요;
소스는
style type=text/css
.mainbanner {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:12px 0}
.mainbanner li {display:inline; font-size:0; vertical-align:top; border:0}
/style
ul class=mainbanner
lia href=img src=/_image/common/main_banner1.gif/a/li
lia href=img src=/_image/common/main_banner2.gif/a/li
lia href=img src=/_image/common/main_banner3.gif/a/li
/ul
입니다.;
해결방법을 아시는분은 답변부탁드려요 ㅜ.ㅜ
-
목향
답변 감사합니다~~^^!!!
-
잇힝
display:inline상태에서는 이미지에 기본마진이 있어서.. display:inline; 을 float:left;로 바꾸셔야 할것 같은데요,,
-
재마루
둘러쌓고있는 width값이 없어 계산이 안되는듯 하네요~
li에 마진 패딩 0 줘보셈 ~