全百科精品资源分享
免费优质资源下载平台

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

播放按钮

WordPress DUX主题pre标签下的实现代码自动换行,其实只是想试一下 pre 标签下代码能够自动换行,但是这一点貌似 DUX 主题不支持,代码写的有点长时,给我一个很长的左右滚动条,有点不是很喜欢,所以全百科有开启了折腾模式!

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

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

添加 css 代码

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

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

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

DUX主题pre标签下的实现代码自动换行

DUX主题pre标签下的实现代码自动换行

样式预览

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

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

 

2. 添加代码后,代码终于会换行了!

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

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » WordPress DUX主题pre标签下的实现代码自动换行 只需两行代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏