在<p>中将长文本分成多行

Question

 <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>

我需要显示文本，但是文本太长，无法如图所示显示在一行中，

 如何将其分成多行

Answer 1

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

word-wrap: break-word;