你可以使用这个CSS

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

这对我很有效

word-wrap: normal;
word-break: break-all;
white-space: normal;
display: block;
height: auto;
margin: 3px auto;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;

一个服务器端解决方案，对我来说是:$message = wordwrap($message, 50， "<br>"， true);其中$message是一个字符串变量，包含要拆分的单词/字符。50是任何给定段的最大长度，“<br>”是你想要每(50)个字符插入的文本。

来自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;
}

这里有更多的例子。

使用word-wrap:break-word属性以及所需的宽度。主要是, 宽度以像素为单位，而不是百分比。

width: 200px;
word-wrap: break-word;

试试这个CSS属性-

overflow-wrap: anywhere;