文本修饰被溢出切断:隐藏在某些浏览器中?

时间:2011-10-05 17:48:50

标签: css cross-browser oocss

所以我正在使用OOCSS媒体模块,我在其中放置一个链接,链接的最后一行被切断。

为了解释任何不了解框架的人,解释起来很简单:想象一个带溢出的元素:隐藏,以及该元素内的链接。这就是全部。

如果我在overflow:hidden中放置了这个元素的链接,那么由于overflow:hidden,链接的最后一个文本修饰行被切断了。无需诉诸填充和保证金(并希望浮动)无论如何都要弥补最后一条线被切断? Chrome似乎做对了,但不确定。

2 个答案:

答案 0 :(得分:2)

实际上最近有另外一个与此非常相似的问题,你可以在那里看到我的答案:Html anchor height issue with unitless line heights

所以我认为你的问题没有解决方案,但是我想要注意的是,虽然Chrome可以正确隐藏溢出,但当你使用溢出自动时,它实际上是一个问题,就像你在那篇文章中看到的一样。 / p>

答案 1 :(得分:0)

尝试在文本

上设置行高
line-height:1.5;