목록 항목 수직 간격 IE

Question

간격을 거의 90 % 고정했지만 목록 항목간에 여전히 2 픽셀의 여백이 표시됩니다.

.lines li { 
border-bottom: solid #000 1px; 
list-style: none; 
background-color: #CF0; 
height: 0px; 
} 

.lt-ie9 .lines li { 
display: inline-block !important; 
} 

.lt-ie9 .lines li { 
display: block !important; 
background-color: #CC0; 
font-size: 0px; 
line-height: 0px; 
} 


    <ul class="lines"> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

Answer 1

이것은 인라인 블록 표시 때문입니다. html 코드에서 목록 항목 사이의 공백을 삭제해야합니다. 해설로 바꿀 수 있습니다.

<p>Lorem Elsass ipsum</p><!-- whitespace 
--><p>réchime amet sed bissame so libero knackes choucroute…</p> 

프랑스어를 읽을 수 있다면 http://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html을 참조하십시오.