字体大小：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在不同浏览器中显示不同

回答

相关问题