如果没有空格则移至下一行

Question

我有一个 HTML 代码，当文本太长时，它应该移动下一行。但现在，它通过水平滚动条得到扩展。我们可以避免这个滚动条并确保它进入下一行吗

.block {
  display: flex;
  overflow-wrap: break-word;
}

<div class="block">dfsdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>

Answer 1

使用word-break: break-all但要小心，这会在需要的地方中断，不考虑文字或其他东西。

请参阅https://developer.mozilla.org/de/docs/Web/CSS/word-break

.block {
  display: flex;
  word-break: break-all;
}

<div class="block">dfsdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>