文本行转到新行，而不是使用自动换行包装：break-word

Question

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

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

当前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样式的自动换行：break-word。

Answer 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