WORDPRESS里PRE标签支持自动换行

我就爱WORDPRESS

做为一个资源教程型博客,很多代码的呈现是必须的,我们通常文本编辑器内使用PRE元素。被包围在PRE元素中的文本通常会保留空格和换行符,可定义预格式化的文本,而文本也会呈现为等宽字体。PRE标签的一个常见应用就是用来表示计算机的源代码,PRE标签中的内容若超出范围不会自动换行。

下面介绍一个方法让PRE标签中的内容自动换行并符合W3C标准(多浏览器支持)

在你的主题根目录下,找到STYLE.CSS,复制以下CSS样式。

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

保存,刷新下网页就可以了~

本文由 我就爱WORDPRESS 作者:我就爱WORDPRESS 发表,其版权均为 我就爱WORDPRESS 所有,文章内容系作者个人观点,不代表 我就爱WORDPRESS 对观点赞同或支持。如需转载,请注明文章来源。
5
我就爱WORDPRESS

发表评论