html - 当溢出设置为隐藏时，嵌套的内联 block 元素在 FF/IE 中被上推

Question

这不会发生在 Chrome 中。我正在尝试为嵌套元素实现省略号。有其他人遇到过这个问题吗？如果遇到过，您能否解决？

<span>bar <span class="foo">foo</span> bar</span>

span.foo {
    display: inline-block;
    overflow: hidden;        
}

Fiddle

<a href="http://www.stackoverflow.com">bar <span class="foo">foo</span> bar</a>

span.foo {
    display: inline-block;
    text-decoration: inherit;
    overflow: hidden;        
}

Fiddle

Answer 1

在你有 display: inline-block 的地方添加 vertical-align: top。