word-wrap：破解詞 - 不破壞字符串

我想在我的視圖中顯示數據庫中所有註釋的列表。但有時候，評論很長。我試着用word-wrap:break-word 「打破」他們，但沒有結果 - 這樣word-wrap：破解詞 - 不破壞字符串

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

評論延長我的看法..

，我想表明：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

怎麼辦呢？ CSS Width屬性也不起作用。

這裏是我的代碼：

<table style="width: 100%;"> 
@foreach (var comment in Model.commentList) 
{ 
    <tr style="border-bottom:1pt solid black;"> 
     <td style="width: 30%;"> 
      <br /> 

      @comment.UserName<br /><br /> 
      @comment.AddDate 

     </td> 
     <td style="word-wrap:break-word; width: 70%;"> 
      <br /> 
      @comment.Content 

     </td> 

    </tr> 


} 

</table>

來源

2013-04-21 whoah

其實word-wrap: break-word似乎並沒有在表中正常工作。雖然有一個修復。嘗試以下代碼（請注意table標記中的附加table-layout: fixed）。

<table style="table-layout: fixed; width: 100%;"> 
@foreach (var comment in Model.commentList) 
{ 
    <tr style="border-bottom:1pt solid black;"> 
     <td style="width: 30%;"> 
      <br /> 
      @comment.UserName<br /><br /> 
      @comment.AddDate 
     </td> 
     <td style="word-wrap:break-word; width: 70%;"> 
      <br /> 
      @comment.Content 
     </td> 
    </tr> 
} 
</table>

來源

2013-04-21 17:58:14 Dheer

word-wrap：破解詞 - 不破壞字符串

回答

相關問題