其实博主本人并不是不喜欢 DUX 主题的自带的这个功能,只是想试一下
pre
标签下代码能够自动换行,但是这一点貌似 DUX 主题不支持,代码写的有点长时,给我一个很长的左右滚动条,有点不是很喜欢,所以博主有开启了折腾模式!
添加 css 代码
其实实现方式很简单,就是在 main.css 文件中加入以下代码就可以了:
pre { white-space: pre-wrap; word-wrap: break-word; }
加入下面 css 样式之后,就能得到你想要的样式了!
样式预览
1. 没添加样式代码前,可以看到长长的左右滚动条,严重影响阅读:
2. 添加代码后,代码终于会换行了!
评论前必须登录!
立即登录 注册