问如何阻止<li>中的文本被下一个<li>截断
EN

Stack Overflow用户

提问于 2012-12-12 18:09:07

回答 1查看 51关注 0票数 0

在此菜单中，最后一个字母的右边缘被下一列表项中"|“的”透明“背景所切掉

<ul class="menu1">
<li>HOME</li><li>|</li><li>CONTACT</li><li>|</li><li>ABOUT</li><li>|<li><li>SERVICES</li>
</ul>
<div class="clear"></div>

这至少会影响IE 6和IE 7，可能也会影响IE 8。我准备了一个fiddle http://jsfiddle.net/zhirkovski/5LnRS/2/，所以你可以明白我的意思，如果你使用IE9/10，那么你仍然可以通过点击url中的“兼容性视图”来查看问题。

如果有人能帮助使透明的背景变得透明，我将不胜感激。

如果我将li更改为jsfiddle.net/zhirkovski/3KfYN/17这样的跨度，它就解决了这个问题，但是无论如何我都可以这样做并维护li的

发布于 2012-12-12 18:13:37

这是字母间距导致的问题。

不确定如何在IE中修复它并保持-7px的字母间距，您可以将字母间距更改为-3px并逃脱它，但不确定这对您有多重要

票数 0

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

原文链接：

https://stackoverflow.com/questions/13837349

复制

相似问题

问如何阻止<li>中的文本被下一个<li>截断EN