文本装饰被溢出切断：在某些浏览器中隐藏？ [英] Text-decoration being cut off by overflow:hidden in certain browsers?

问题描述

所以我使用的是OOCSS媒体模块，我把一个链接里面，最后一行链接被切断。

So I'm using the OOCSS media module and I'm putting a link inside of it and the last line of the link is being cut off.

解释为什么谁不知道框架，它很容易解释：想象一个元素overflow：hidden，和一个链接里面的元素。

To explain for anyone who doesn't know about the framework, it's simple to explain: imagine an element with overflow: hidden, and a link inside that element. That's ALL.

如果我把一个链接放在这个元素的overflow：hidden，链接的最后一个文本装饰线被切断，由于overflow：hidden。没有必要求助于填充&am​​p;利润（希望浮动）有没有反正要补偿的最后一行被切断？

If I put a link inside of this element with overflow: hidden, the last text-decoration line of the link is cut off thanks to overflow: hidden. Without having to resort to padding & margin (and hopefully floats) is there anyway to compensate for that last line being cut off? Chrome seems to get this right, not sure though.

推荐答案

实际上，最近有一个非常相似的问题，你可以看到我的答案有： Html锚高度问题与无单位线高度

Actually there was another question very similar to this recently, you can see my answer there: Html anchor height issue with unitless line heights

所以我不认为你的问题有解决方案，但我想注意，虽然Chrome得到它正确的溢出隐藏，当你使用overflow auto它其实是一个问题，你会看到在那篇文章。

So I don't think there's a solution to your question, but I wanted to note that while Chrome gets it right for overflow hidden, when you use overflow auto it's actually a problem as you'll see in that post.

这篇关于文本装饰被溢出切断：在某些浏览器中隐藏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！