WordPress 非官方中文站

提供 WordPress 插件、主题、程序及相关的中文资讯

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

欢迎光临本站!我们致力为你提供更好的服务,请 订阅本站Feed 获取每天最新信息。WordPress 中文站主要为你提供 WordPress 最新的新闻,插件、主题更新的信息,入门的教程,使用的技巧,博客的资源与优化,安全问题的提醒与修复方案,以及博客相关的方方面面。

感谢久酷的投递;为博客带去流量,欢迎投递分享优秀文章

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

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

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

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

  1. p {text-indent:2em;}

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

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

  1. img {text-indent:2em;}

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

Tagged as:

9 Responses »

  1. 不错,我用了。谢谢!

  2. […]   实现wordpress段首空两格,中文作者很多还保持着每段开头空两格的习惯,本文讲述如何通过css来控制实现这个效果。暂时有两个站点是使用这种方式来实现段落前空两个的:1,2。   我个人的疑惑:用em来实现空格,会不会因为全文设置的em大小不同而错位呢?个人还是习惯使用两个全角空格。 […]

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

  4. 其实这种情况下,文字不缩进,反而不好看呢。

  5. […] 在 WordPress 博客每段文章开头空两格 […]

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

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

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

  7. 谢谢,已经添加到了补充。

  8. 个人觉得最简单的方法,就是切换一下输入法的半角和全角,切换到全角状态,就可以输入空格,而且会被确认。

  9. 放到适当的位置,究竟是哪里!

Leave a Reply