익스6에서 li 간격 조절좀요.
말달리자
2023.04.01
ul
li이미지li
li이미지li
li이미지li
/ul
html코드가 위와같고.
css코드가 아래와 같을때
li{display:inline-block;}
이미지와 이미지 세로간격이 약 2~3px 익스6에서 벌려지내요.
안벌려지고 파폭 및 상위버전 익스플로어와 동일하게 보이는 방법좀 알려주세요.
display:inline-block; 속성은 li안에 float:left; 속성이있어 꼭 써야하는 속성입니다.
-
보예
위의 분 말씀처럼 li 속성에 line-height 값을 주세요.
-
초롱
display:inline-block이 왜 꼭 필요한지 모르겠네요.
블록태그에 inline-block은 속성을 주게 되면 IE7 이하에서는 인식을 하지 않습니다.
float이 있기 때문에 이미지 사이가 벌어지진 않을거 같은데, 벌어진다고 하시니 img에 vertical-align:top을 추가해보세요. 그래도 안된다면 li에 font-size:0;line-height:0 을 추가해 보세요