css - 用 CSS 换行

Question

我在我的页面上使用编辑器，如果它们实际上是单词，则自动换行可以正常工作。意思是每隔几个字符就有一个空格。

但是，如果我将手指放在一个字母上并按住不放，那么编辑器将扩展超出显示屏的边缘。

因此，我相信以下内容会在必要时进行显示滚动条的自动换行：

<div style="overflow:scroll;">

但这不适用于上述情况。我需要不同的属性吗？我究竟做错了什么？谢谢你。

标签： css

Answer 1

我相信您正在寻找的是word-wrap属性，特别是break-word，它允许将长单词分成多个部分以允许换行。尝试以下操作：

    div {
      overflow-wrap: break-word; // standard
      word-wrap: break-word; // older, but still needed in IE
    }

<div>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>

您还可以在这篇文章和这篇文章中找到一些有用的信息。