试试这个:

div {
    width: 200px;
    word-wrap: break-word;
}

试试这个:

div {
    width: 200px;
    word-wrap: break-word;
}

来自CSS技巧的例子:

div {
    -ms-word-break: break-all;

    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

这里有更多的例子。

你可以使用这个CSS

p {
  width: min-content;
  min-width: 100%;
}

你可以像这样使用软连字符:

啊

这将显示为

aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa

如果装盒不够大，或者

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

如果是的话。

另一种选择也使用:

div
{
   white-space: pre-line;
}

这将在所有支持CSS1的浏览器中设置所有div元素(这几乎是所有常见的浏览器，直到IE 8)