DIV 사이, 이미지 사이 여백 없애는 방법 알려주세요~~
보담
2023.04.01
div style=width:100px; height:100px; background:#CCCCCC; display:inline-block;/div
div style=width:100px; height:100px; background:#CCCCCC; display:inline-block;/div
img src=images/banner_01.jpg
img src=images/banner_01.jpg
이렇게 한줄에 주르륵 DIV, 이미지를 나열하고 싶을때
inline-block 이나 이미지는 스페이스바 여백이 생깁니다.이를 해결하고자, float 레프트를 쓰거나
div style=width:100px; height:100px; background:#CCCCCC; display:inline-block;/divdiv style=width:100px; height:100px; background:#CCCCCC; display:inline-block;/div
img src=images/banner_01.jpg img src=images/banner_01.jpg
위와같이 스페이스바 여백없이 붙여쓰는데요~
float속성을 안쓰고, 블럭을 유지하면서
스페이스바여백을 제거할려면 어떻게 해야 하나요??참고이미지
-
향율
오호~~~ 완전 고마워요~~~~
-
으뜸
이미지를 감싸는 엘리먼트에 font-size:0; line-height:0; 주세요