文本行转到新行，而不是使用 word-wrap:break-word 换行答案

【问题标题】：line of text goes to new line, instead of wrapping even with word-wrap:break-word文本行转到新行，而不是使用 word-wrap:break-word 换行
【发布时间】：2015-12-07 07:10:08
【问题描述】：

预期行为：长行文本换行到下一行。

实际行为：长行文本不换行，而是自动转到下一行而不换行。

当前 HTML：

<p style="" class="subject">
     <span data-l10n-id="message-subject">Subject:</span>
     <span style="" class="detail">Re:jkla;sjdfkjasdf;jkasd;flkjasdf;kljasdf</span>
 </p>

具有类详细信息的跨度具有 css 样式 word-wrap:break-word。

【问题讨论】：

添加分词：break-all;
你能创建小提琴吗？
因为单词之间没有空格。它是来自太空的扭曲。

标签： html css word-wrap

【解决方案1】：

您需要在单词之间留出一些空格。否则，它被视为整个单词。

<p style="" class="subject">
     <span data-l10n-id="message-subject">Subject:</span>
     <span style="" class="detail">Re: jkla; sjdfkjasdf; jkasd; flkjasdf; kljasdf</span>
 </p>

span{
  word-break: break-all;
}

Working Fiddle

【讨论】：