在固定寬度的表格中顯示文本

Question

我有一個我希望以表格格式顯示的用戶列表。我遇到的問題是我只有30px的可用寬度，所以我需要將超出此範圍的任何名稱分解爲新行。

HTML

<table> 
     <tr> 
      <td>User ID</td> 
      <td style="width:40px;">User's Full Name</td> 
     </tr> 
     @foreach(var user in @Model) 
     { 
      <tr> 
      <td>@user.Id</td> 
      <td style="width:40px;">@user.Name</td> 
      </tr> 
     } 
</table> 

CSS

table{ 
    width:40px; 
    background-color: red; 
} 

任何名稱不再只是迫使寬度增加。

Answer 1

使用該屬性

word-wrap:break-word; 

你TD的標記

<td style="width:40px;word-wrap:break-word;">@user.Name</td>