大前端 DUX主题pre 标签下的实现代码 自动换行 只需两行代码

其实博主本人并不是不喜欢 DUX 主题的自带的这个功能，只是想试一下 pre 标签下代码能够自动换行，但是这一点貌似 DUX 主题不支持，代码写的有点长时，给我一个很长的左右滚动条，有点不是很喜欢，所以博主有开启了折腾模式！

添加 css 代码

其实实现方式很简单，就是在 main.css 文件中加入以下代码就可以了：

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

加入下面 css 样式之后，就能得到你想要的样式了！

样式预览

1. 没添加样式代码前，可以看到长长的左右滚动条，严重影响阅读：

2. 添加代码后，代码终于会换行了！