<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 中它不起作用，这是为什么？
最佳答案
由于列表中只有图像，请尝试将 CSS 更改为:
ul, ul li {
list-style-type:none;
padding: 0;
margin: 0;
}
关于css - 字体大小 :0px and letter-spacing:10px displays differently in different browsers，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10370779/