在 <p> 中将长文本分成多行 [重复]答案

【问题标题】：break long text into multiple lines in <p> [duplicate]在 <p> 中将长文本分成多行 [重复]
【发布时间】：2019-05-19 10:37:06
【问题描述】：

 <div class="row" style="width:700px" >
    <div class="col-md-10 col-xs-10">
       <div class="messages msg_sent"  *>
                     <p style="white-space: pre-wrap">

m3rWa/5pgNMn006VHS6lJrkag1KK5aiwAJyYY7IHy+OBMYcl7R+Jw044xzRw/AdORhpj36AJ8j3DFZZjMUo3kLDKcVDd+UxRhGEFhxqfw/kj2+lExz7nPSjKRA0ybDLrygP2Cb2+9WQfUlC+tjVJaRGjhmMFEwsiTAjwH0DXM3U8Fd/aYyYHiicSD4KgUo5k3qJLVbROgA6kj0yC1eN0AgoE+O1Yz0SF1JmH76tBbMm74CmezE1g.box


</p>

       </div>
   </div>
 </div>

我需要显示文字，但是文字太长，无法如图显示一行，

我怎样才能把它分成多行

【问题讨论】：

标签： html css

【解决方案1】：

使用word-wrap 断开长的一行字符串。检查此CSS Attribute 的文档。另请注意，此选项具有别名 overflow-wrap，因此您可以使用任何主题，因为它是相同的属性。

word-wrap: break-word;

【讨论】：