如何在不使用 br 的情况下在跨度内的每个单词后换行 [重复]答案

【问题标题】：How to break a new line after every word inside a span without using br [duplicate]如何在不使用 br 的情况下在跨度内的每个单词后换行 [重复]
【发布时间】：2021-08-19 09:26:57
【问题描述】：

如何在不使用   标记的情况下，在  内的每个单词之后换行。因此，无论单词有多长，都会在该单词之后应用分词。

例如：apple pear pear 应该出现在下一行。

【问题讨论】：

完全不使用 ？或者无需手动将它们添加到标记中？（又名，目标是用 JS 以编程方式添加换行符吗？）
完全没有
我想知道是否可以使用 css 或 jquery
您可以使用 JavaScript 将任何空格替换为  
可能的 CSS 解决方案可在此处获得：Can CSS force a line break after each word in an element?（我可能会建议使用 word-spacing 选项）
@phuzi OP 不想使用

标签： html jquery css

【解决方案1】：

word-break: break-word;
word-spacing: 50000px; // set a maximum possible width of your parent width or simply a high number

这个 css 适合你的情况。

<span style="word-break: break-word;
    word-spacing: 50000px;">
    asd fgh qwe yui
</span>

【讨论】：

【解决方案2】：

不同的方法，

span{
  width:0px;
  display:block;
  white-space:break-all
}

&lt;span&gt;asd dfg hjk ert&lt;/span&gt;

【讨论】：

【解决方案3】：

您可以按照以下方式进行操作。

span{
     display: table-caption;
}

&lt;span&gt;apple pear&lt;/span&gt;

【讨论】：

或者不创建单独的 css 你可以这样使用 apple pear