吴表宽度和非溢出文本

Question

我想要使用以下3个CSS属性让我的表项出现在一行中，并显示在所分配的宽度上运行的任何东西的elipses。但是，这些属性，特别是nowrap，会导致宽度被忽略。

text-overflow: ellipsis !important; 
    overflow: hidden; 
    white-space: nowrap; 

SSCP：http://plnkr.co/edit/ZsFuryoOTehNuXblFehN?p=preview
我怎样才能让这个我可以设置宽度VIA NG-表？

Answer 1

为了这个工作，你需要一个块元素。我建议你在td里面把内容放在p标签里，并在p标签上放一个宽度。

HTML：

<td data-title="'Name'" width="310"><p>{{user.name}}</p></td> 

CSS：

td p { 
    text-overflow: ellipsis !important; 
    overflow: hidden; 
    white-space: nowrap; 
    width:300px; 
} 

或者你也可以添加显示：块到你的td元素，尽管这可能会导致其他问题。