吳表寬度和非溢出文本

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元素，儘管這可能會導致其他問題。