首页 » 建站技术 » WordPress » 浏览内容

给WordPress文章中的代码加上滚动条


2010-12-31 20:30:28 3,760 0 发表评论 字体: 作者:C.K.
标签: WordPress代码

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

找到Wordpress当前主题的style.css,搜索里面是否有pre的定义,如果没有,就自己添加,大致内容如下:

pre {
  •     width: 100%;
  •     overflow: auto;
  •     border: 1px dotted #281;
  •    background-color: #eee;
  •    padding-left: 6px;
  •     padding-bottom: 20px;
  • }
  • 上面代码中的dotted定义了一个虚线的边框,并设定背景为灰色,左边的padding设置为6,要不然左边会显得比较拥挤,最关键的是overflow设置成auto,这个设置提供了自动显示滚动条的功能。特别需要注意的是padding-bottom,这个必须设在20px左右,目的是为滚动条留下一些空间。当滚动条隐藏时,这部分留白似乎显得比较多余,但如果不设,当滚动条出现时,滚动条就会遮盖部分文字,非常不舒服。

    本文来自:http://blog.ipattern.org/archives/177

      网站统计 Statistics

      • 创建时间: 2005年1月3日 距今4971 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13798075 位访客

      广告区 Guǎng Gào