css - word-wrap:break-word - 不要打断字符串

Question

我想在我的视图列表中显示来自数据库的所有评论。但有时，评论很长。我试图用 来“打破”它们word-wrap:break-word，但没有结果 - 像这样的评论

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

扩大我的看法..

我想展示：

啊啊啊啊啊啊啊啊啊啊啊啊啊

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

怎么做？CSSWidth属性也不起作用。

这是我的代码：

<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>

Answer 1

实际上word-wrap: break-word似乎在表格中无法正常工作。不过有一个解决方法。试试下面的代码（注意标签table-layout: fixed中的附加table代码）。

<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>