使用自动换行：在两个连续的长单词上使用break-word

Question

当使用自动换行：带有两个连续长字的div上的break-word时，断开的第二个单词从一个新行开始，如下所示：

IAmALongW
ord
IAmAlsoAL
longword

有没有办法在css中阻止这种情况，以获得以下内容？

IAmALongW
ord IAmAl
soALongwo
rd

当然没有恢复到断言：打破所有。

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

我相信使用white-space: pre;应该这样做。

Answer 3

使用

 

单词之间而不仅仅是空格可以帮助防止元素在你不想要的地方强行休息。例如，当您不想在一行上留下一个小字时，这会有所帮助。