如何在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

您需要the <wbr/> tag。它向浏览器建议您希望中断发生。您可以将它插入任何您喜欢的位置，文本应该包裹在该位置。

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像素。

Answer 3

你在谈论换行吗？

<br />

此外，如果您指定该列的宽度。它应该相应地包装。

Answer 4

您应该使用css将包含单词的td的宽度设置为特定大小。

Answer 5

正如您所见，
标签用于换行符。

即the <br> tag.

此外，根据您使用的HTML的类型和版本，您可能需要使用<br />。

Answer 6

在到达表格单元格末尾之前断行的唯一方法是使用<br />标记。

由于您无法控制内容，因此无法实现。

Answer 7

作为＆lt; wbr /＆gt;的替代品标签你也可以在跨度中包含需要保持在一起的文本（例如个别原因）并给出一个范围

span {
    white-space: nowrap;
}