字體大小：0px和字母間距：10px在不同瀏覽器中顯示不同

<html> 
<head> 
    <style> 
     ul{ 
      list-style-type:none; 
      font-size:0px; 
      letter-spacing:10px; 
     } 
     li{ 
      display:inline-block; 
     } 
    </style> 
</head> 
<body> 
    <ul> 
     <li><img src="photo.jpg"></li> 
     <li><img src="photo.jpg"></li> 
     <li><img src="photo.jpg"></li> 
     <li><img src="photo.jpg"></li> 
     <li><img src="photo.jpg"></li> 
    </ul> 
</body> 
</html>

它在Firefox，Chrome和IE中有所不同。在Firefox中，當我使用font-size:0px和letter-spacing:10px時，<li>元素的字母間距爲10px，但在Chrome和IE中不起作用，爲什麼？字體大小：0px和字母間距：10px在不同瀏覽器中顯示不同

來源

2012-04-29 Sss Sss

也許瀏覽器默認設置的問題。你有每個不同的「最小字體大小」設置？如果不是這樣，請解釋「不起作用」的意思。 – 2012-04-29 08:47:53

既然你的列表裏面只有圖像，嘗試改變你的CSS來：

ul, ul li { 
    list-style-type:none; 
    padding: 0; 
    margin: 0; 
}

來源

2012-04-29 08:48:33 KBN

我會用word-spacing財產，而不是letter-spacing;）

來源

2012-04-29 08:50:49 skip405

字體大小：0px和字母間距：10px在不同瀏覽器中顯示不同

回答

相關問題