css - 文本溢出剪切边框半径

Question

我正在尝试实现一个表格，其中 tds 的内容具有 text-overflow: ellipsis，但是剪辑通常发生在存在带有 twitter bootstraps label 的链接的地方 > 类(给它一个边界半径)。

如您所见，它会剪切边框半径，使其末端平坦。每个 TD 都需要是单行文本，这就是我使用 white-space: nowrap 的原因。如果标签在该点被夹住，有什么办法可以让标签上有圆 Angular 边缘吗？

这是 fiddle :http://jsfiddle.net/cuJ83/13/

Answer 1

Demo Fiddle

您希望将规则应用于 a.label 而不是父 td。下面应该做到这一点:

td > a.label{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
    text-align:left;
}