Question

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

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>

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>

自动换行：break-word - 不要破坏字符串

1 个答案: