问font-size:0px和letter-spacing:10px在不同的浏览器中显示不同
EN

Stack Overflow用户

提问于 2012-04-29 16:29:56

回答 2查看 452关注 0票数 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>

这在火狐、Chrome和IE中是不同的。在火狐浏览器中，当我使用font-size:0px和letter-spacing:10px时，<li>元素的字母间距为10px，但在Chrome和IE中却不起作用，为什么呢？

css

cross-browser

回答 2

Stack Overflow用户

发布于 2012-04-29 16:48:33

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

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

票数 0

Stack Overflow用户

发布于 2012-04-29 16:50:50

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10370779

复制

相似问题

问font-size:0px和letter-spacing:10px在不同的浏览器中显示不同
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问font-size:0px和letter-spacing:10px在不同的浏览器中显示不同EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问font-size:0px和letter-spacing:10px在不同的浏览器中显示不同
EN