城市里的游牧民族

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个字
— 文内使用到的标签:
本作品采用知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可。

评论已关闭。