html中长文本不换行的解决办法

在使用layui对原css文件替换时发现,原录入的多行文本在新的文本框中合并成一行,后对比原css文件,修复了该问题

  <blockquote class="layui-elem-quote">
    <!-- 加上style用于换行 -->
    <p style="white-space: pre-line;">{{ post['body'] }}</p>
  </blockquote>

在需要显示的文本标签上加上style="white-space: pre-line;" 即可正常显示。

 

 

posted @ 2022-05-20 16:37  毛绒绒  阅读(679)  评论(0编辑  收藏  举报