在 WordPress 博客每段文章开头空两格

分享本文:

在博客开头空两格,这对中文博客却又很有意义的功能。包括 WordPress 在内一些欧美博客程序开发者,显然并没有考虑到中文的排版习惯,没有在意这个功能。实际上,实现这个功能非常简单。

不仅是 WordPress ,其他的博客系统也存在类似的问题。以前我曾经考虑过使用空格符号来显示空格。但是这样的问题有两个:第一,对于不同的字体,每个空格所表示的大小并不一样,因此换一个主题可能就不准确了;第二,也是更无奈的,有些博客程序会过滤掉开头的空格,比如 Blogger 就有这样的过滤效果。

另外一个可替代的办法是,使用全角的空格符号来代替。这个办法比上面的办法稍微高级一些,也不会被过滤掉。我看到很多编辑、记者等对文字要求比较高的文字工作者,使用这个办法。这样做的缺点是比较麻烦,每一段都要将输入法切换到全角,输入两个空格。

最为简单的办法,是我们今天所要介绍的,通过样式表文件,即 style.css 来控制。熟悉 style.css 的网友,只要你在适当的位置添加上

p {text-indent:2em;}

就可以实现这个功能。这也是我们 WordPress 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格

补充:如果只是将文字缩进去两个字符,那么图片会显得混乱,因此也可以同样对图片设置参数

img {text-indent:2em;}

感谢 zwqo 和 Jinwen 两位网友的建议。

分享本文:


评论: 在 WordPress 博客每段文章开头空两格

  • 不错,我用了。谢谢!

    酷米 2008/08/26 12:01 下午 回复
  • Pingback: WordPress Tips: 实现wordpress段首空两格 at WordPress Today

  • 一个补充,这样有可能会使文章内的图片也缩进,如果不想图片也缩进的话,CSS中要把图片的margin设置为-2em修正的。

    Jinwen 2008/08/27 7:00 上午 回复
  • 其实这种情况下,文字不缩进,反而不好看呢。

    Jiang 2008/08/27 7:19 上午 回复
  • Pingback: 2wordpresscom 08/28/2008 « huaxlee’s daily post

  • 一个补充,这样有可能会使文章内的图片也缩进,如果不想图片也缩进的话,CSS中要把图片的margin设置为-2em修正的。

    =========
    是设置图片的:text-indent:-2em

    并不是margin,否则界面会乱的!

    zwq0 2008/09/16 10:04 上午 回复
  • 谢谢,已经添加到了补充。

    Jiang 2008/09/18 2:31 上午 回复
  • 个人觉得最简单的方法,就是切换一下输入法的半角和全角,切换到全角状态,就可以输入空格,而且会被确认。

    ev.code.p 2008/12/22 4:10 上午 回复
  • 放到适当的位置,究竟是哪里!

    火点 2009/06/24 2:01 下午 回复
  • 请问是放在哪?
    我加在style.css最后没有用

    aiviking 2010/02/23 12:24 下午 回复
  • 一个补充,这样有可能会使文章内的图片也缩进,如果不想图片也缩进的话,CSS中要把图片的margin设置为-2em修正的。

    =========
    是设置图片的:text-indent:-2em

    并不是margin,否则界面会乱的!

    =========
    在wordpress里面p标签包含着img标签,如果只设置图片为text-indent:-2em是不管用的,只能给图片margin一个-2em才有效吧?!

    runbing 2010/06/23 3:11 下午 回复
  • Magnificent items from you, man. I have have in mind your stuff prior to and you’re just too fantastic. I really like what you have obtained here, certainly like what you are stating and the way by which you are saying it. You’re making it enjoyable and you still take care of to keep it smart. I cant wait to learn far more from you. This is really a tremendous site.

    whatday 2011/11/28 3:51 下午 回复
  • Pingback: 在 WordPress 博客每段文章开头空两格 – 2哥博客--路由交换技术|运维与安全|存储|数据库--www.ma2ge.com

  • 你自己都没空格,怎么还教别人呢?不觉得搞笑吗?

    wuyu 2016/03/01 6:31 下午 回复
    • @wuyu,我不喜欢空两格,但是就喜欢教别人怎么做,有问题么?

      Jiang 2016/03/04 11:50 上午 回复
  • 我的就遇到这个问题了,唉,头痛,我不知道那两个代码加扫CSS哪啊,唉,不过谢谢了

    田百士网赚平台 2017/04/14 10:17 上午 回复

留言给文章 ev.code.p 取消回复

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