如何修复内联块的容器＆＃34; 1px边框底部＆＃34; -like没有浮动

Question

1px垂直视觉故障

对于我不想使用浮点数的水平菜单，我有一个小故障，这是每个LI容器底部大约1px的空间。

我尝试将LI的字体大小设置为0，尝试使用不同的vertical-align值，覆盖潜在的border-bottom，但至少在chrome上仍然失败。

注意： 与Chrome核对，这不是LI之间的“空间相关问题”（水平空间对我来说不是问题，我只想展示你是我的问题的简化版本），既不是文本装饰的。

预览

<ul>
<li>
    <a>
        Something
    </a>
</li>
<li>
    <a>
        Something else
    </a>
</li>
<li>
    <a>
        Something else 2
    </a>
</li>
</ul>

小提琴来源： http://jsfiddle.net/darknessm0404/xjfd4p3z/

请注意，我不想使用float，因为它会在复杂的设计上产生一些问题（例如，使用css clear属性）。

感谢您的帮助。

Answer 1

添加显示以阻止您的链接（li＆gt; a）：

li > a {
  display: block;
}

Answer 2

提示显示：阻止

li > a {
    background-color:yellow;
    display:block;
}

已更新 jsFiddle File

Answer 3

我认为您需要的是在您的链接上将text-decoration属性设置为none以删除该行。试试这个： li > a { background-color:yellow; text-decoration: none; }