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

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标签下的实现代码自动换行 只需两行代码

Download Best WordPress Themes Free Download
Download Premium WordPress Themes Free
Download WordPress Themes Free
Free Download WordPress Themes
free download udemy course
download huawei firmware
Download Best WordPress Themes Free Download
udemy free download

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

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

评论 抢沙发

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