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

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


2010-12-31 20:30:28 3,894 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日 距今5067 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14170155 位访客

    广告区 Guǎng Gào