wordpress让pre支持自动换行

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

下面介绍一个方法让

 标签中的内容自动换行并符合 W3C 标准（多浏览器支持）
 
  
方法
 
  
在你的主题根目录下，找到 style.css,复制以下css 样式。
 
  
pre{ 
white-space:pre-wrap; /* css3.0 */ 
white-space:-moz-pre-wrap; /* Firefox */ 
white-space:-pre-wrap; /* Opera 4-6 */ 
white-space:-o-pre-wrap; /* Opera 7 */ 
word-wrap:break-word; /* Internet Explorer 5.5+ */ 
}
 
  
本站就使用了这种效果。
 
  
您可能感兴趣的文章:
 
  
 
  
▪ wordpress文章页两侧添加分页导航箭头
 
  
▪ 强烈推荐手动安装谷歌代码高亮 google-code-prettify到wordpress
 
  
▪ 把WP-GeSHi-Highlight代码高亮插件集成到wordpress文本编辑器
 
  
▪ 第11课WordPress主题制作启用特色图像
 
  
▪ wordpress优化title的seo技巧
 
  
▪ 第五课WordPress主题制作头部文件header.php制作
 
  
▪ Wordpress基于bootstrap自适应主题制作
 
  
▪ wordpress调用多说最近访客设置技巧
 
  
▪ 第六课511遇见Wordpress主题制作标题函数wp_title
 
  
▪ wordpress代码高亮最强插件Crayon Syntax Highlighter|511遇见强烈推荐