如何在HTML中进行分词

Question

我有像这样的HTML代码

<tr class="odd">
    <td><b>Reason for Termination:</b></td>
    <td>this has bunch of reasons like reason 1, reason2, reason3, reason 4, reason 5 etc</td>
    <td></td><td></td>
</tr>

我希望第二个TD标签具有某种预定义的单词中断.因此,当页面加载时,会有一个"行尾",可以说,之后,例如,原因2.

可以在这里使用HTML吗？

编辑:我不是指<br>.加载到tr标签的内容是动态的,所以我不知道在哪里放'br'.我正在寻找一种方法来切断给定宽度的文本,以便它滚动到下一行

Answer 1

你需要的<wbr/>标签.它向浏览器建议您希望中断发生.您可以将它插入任何您喜欢的位置,文本应该包裹在该位置上.

Answer 2

<td>用宽度调整第二个样式.

<tr class="odd">
    <td><b>Reason for Termination:</b></td>
    <td class="reason_width">this has bunch of reasons like reason 1, reason2, reason3, reason 4, reason 5 etc</td>
    <td></td><td></td>
</tr>

和

.reason_width { width: 300px; }

这将以<td>300像素包裹第二个.