＜pre＞标签换行

课程设计碰到的小问题

为了保留文本格式显示，使用了pre标签，发现内容到边界不会自动换行。
css 添加：white-space: pre-wrap;后解决。

    <div  style="width: 80%;border-style:solid;margin-left: 10% ">
        <pre style="font-size: 20px;white-space: pre-wrap;">
                <p  th:text="${text1}">文章内容</p>
        </pre>
    </div>

white-space的属性如下
normal： 默认。空白会被浏览器忽略。
pre： 空白会被浏览器保留。其行为方式类似 HTML 中的 pre>标签。
nowrap ：文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。
pre-wrap ：保留空白符序列，但是正常地进行换行。
pre-line ：合并空白符序列，但是保留换行符。
inherit ：规定应该从父元素继承 white-space 属性的值。