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

Question

我正在尝试创建一个表，其中 tds 的内容具有 text-overflow: ellipsis，但是剪裁通常发生在与 twitter bootstrap label 链接的地方> 类(给它一个边界半径)。

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

这是 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;
}