在 HTML 中创建指定换行点
在 HTML 中，换行符通常由文本的自然空白字符（例如空格、逗号）。但是，对于某些场景，可能需要指定换行符的首选位置。
使用 span.avoidwrap 指定换行符
实现指定换行断点，使用span.avoidwrap类。此类将 span 元素定义为内联块，它们呈现为单个单元而不是单独的单词。通过将所需的文本括在 中标签时，换行算法将优先考虑 span 元素开头的中断。
示例：
考虑以下 HTML 代码：
<code class="html"><table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="width: 180px;">
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
lorem ipsum
</td>
<td>
<span class="avoidwrap">
Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks
</span>
</td>
<td>
lorem ipsum
</td>
</tr>
</table>
</div>
</td>
</tr>
</table></code>在此示例中，文本“Honey Nut Cheerios、Wheat Chex、Grape-Nuts、Rice Krispies、一些名称很长的随机麦片、Honey Bunches of Oats、Wheaties、Special K、Froot Loops、Apple Jacks”为包裹在 span.avoidwrap 元素内。这向浏览器表明应在跨度的开头进行换行，从而导致“Rice Krispies”之后换行：
<code class="html">Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks</code>
注意： 而文本-wrap：避免 CSS 属性提供类似的功能，但可能并非所有浏览器都支持。
以上是如何使用 `span.avoidwrap` 类在 HTML 中强制换行？的详细内容。更多信息请关注PHP中文网其他相关文章！
