与君闲记

Menu

WP Syntax自动换行及滚动条

2哥博客转自:http://zjuhpp.com/wp-syntax-wrap-and-scroll-bar.html

实现自动换行在wp-syntax.css的.wp_syntax pre{}加入以下代码

 

white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

但是由于.wp_syntax 的宽度是100%,所以在有些wp主题上还是会有滚动条出现
改成下面这个样子就行了

.wp_syntax {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 95%;
}

* 于 共写了469个字
* 文内使用到的标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注