html css如何强行中断文本行

Question

就像在主题上。我希望强制断线文本如下：

entercode&hereentercode&hereentercode&hereentercode&here

并自动防止列表的宽度被长不可断的文本更改。

Answer 1

将CSS规则white-space:normal;和word-break:break-all;添加到文本的包含元素中。

Answer 2

您需要在td标记中添加单词包装:断开字；。

​

.wrap-text{
   word-wrap: break-word;
   max-width: 200px;
}

<table>
<tr>
<th>No</th>
<th>Text</th>
</tr>
<tr>
<td>1</td>
<td class="wrap-text">entercode&hereentercode&hereentercode&hereentercode&here</td>
</tr>
</table>

​