try:

overflow-wrap: break-word;

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

试试这个

div { 显示:块; 显示:-webkit-box; 高度:20 px; Margin: 3px auto; 字体大小:14 px; 行高:1.4; -webkit-line-clamp: 1; -webkit-box-orient:垂直; 溢出:隐藏; 文本溢出:省略; ｝

属性text-overflow:省略号add…而线夹则显示线数。

另一种选择也使用:

div
{
   white-space: pre-line;
}

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

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

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

我用过自举法。 我的html代码看起来像..

<div class="container mt-3" style="width: 100%;">
  <div class="row">
    <div class="col-sm-12 wrap-text">
      <h6>
        text content
      </h6>
    </div>
  </div>
</div>

CSS

.wrap-text {
     text-align:justify;
}