0 
<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:0pxand时letter-spacing:10px，<li>元素的字母间距为 10px，但在 Chrome 和 IE 中它不起作用，这是为什么呢？

4

2 回答 2

0

由于列表中只有图像，请尝试将 CSS 更改为：

ul, ul li {
    list-style-type:none;
    padding: 0;
    margin: 0;
}
于 2012-04-29T08:48:33.437 回答
0

我会使用该word-spacing属性，而不是letter-spacing;)

于 2012-04-29T08:50:49.787 回答