Question

关于jsfiddle的示例 - http://jsfiddle.net/FbEXV/

我试图做的是重新开始我的

<ul id="options">
            <li>important</li>
            <li>featured</li>
            <li>unanswered</li>
            <li>most_recent</li>
        </ul>

不显示为带有项目符号的无序列表，而是显示为选项卡。我用过的定义

ul
list-style-type:none;
margin: 0;
padding: 0;

li
display: inline-block;
margin: 0;
padding: 0;

但这还不够，李元素似乎有一个合适的边缘。你能算出问题是什么吗？ http://jsfiddle.net/FbEXV/

Answer 1

将float:left添加到您的li，这应该可以解决问题

li
{
    float:left;
    //Other stuff..
}

Answer 2

这个空间来自inline-block，所以rob说使用float:left很好，或者还有其他选项可以这样写

<ul id="options">
            <li>important</li><li>featured</li><li>unanswered</li><li>most_recent</li>
</ul>

无序列表（<ul>）元素的重定义样式（CSS）定义（边距不一致）</ul>

2 个答案: