用 CSS 换行 [重复]

Question

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

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

所以我相信如果有必要，下面的自动换行会显示一个滚动条：

<div style="overflow:scroll;">

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

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>

您还可以在this post 和this post 中找到一些有用的信息。