css - 使用自动换行 : break-word on two consecutive long words

Question

当在包含两个连续长单词的 div 上使用 word-wrap: break-word 时，被打断的第二个单词会另起一行，例如:

IAmALongW
ord
IAmAlsoAL
longword

有什么方法可以在 css 中防止这种情况，以获得以下内容？

IAmALongW
ord IAmAl
soALongwo
rd

没有恢复到分词:当然是 break-all。

Answer 1

.container{
  width: 100px;
  display: inline-block;
  border: 1px solid black;
  word-wrap: break-word;
  white-space: pre;
}

<div class="container">
  <p>thisisaverylongword anotherverylongword</p>
</div>