html - 文本行转到新行，而不是换行，即使使用自动换行 :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>

具有类详细信息的 span 具有 css 样式 word-wrap: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