WordPress的开头空格问题.md

Toggle source

author: LingAo
title: WordPress的开头空格问题
date: 2011-08-28 03:49:35
category: [编程代码]
tags: [Wordpress]

在使用Wordpress输入文章时，发现本来在文章里的文字段首已空两格，发表后却发现空格没有了，这实在是不符合咱们的中国人习惯。这看起来是小问题，然而这样可能会降低用户的体验。当我看到文章排版很乱，段前不缩进又把空段当空行使的，就完全找不到分段在哪里，一点都没有看下去的欲望。　
　Wordpress本身程序对空格考虑并不周到。在使用WordPress的编辑器时，在使用IE内核浏览器时，则段首空格正常。如果是其他浏览器，那么段前的空格都会被忽略，造成顶格。因此，使用后台的在线编辑器请使用IE内核浏览器（包括傲游、世界之窗等）就可以解决这个问题。但如果在编辑日志时，还去打开IE，对于我这种从不用IE的实在是太麻烦了。 不过，对于使用Windows Live Writer（简称WLW）的用户来说，这个问题也可以圆满解决。不过WLW有些时候默认会裁掉行首的空格，解决方法也很简单，在账户的高级设置里把标记类型换成HTML就可以了（这是现在我使用的方法）。 　　当然，还有一些其他的方法，例如通过修改CSS样式表也可以实现，不过做会让不想空格的地方也空格，所以不建议采用。下面也附上CSS代码吧：<pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">//在段落p的css定义中添加text-indent属性。
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">p{
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px"> text-indent: 2em ;
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">}
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px"></pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">//每篇日志都有一个ID，把不需要设置缩进的日志在设置
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">.post#ID{
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">text-indent: 0;
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">}</pre></pre>

```
author: LingAo
title: WordPress的开头空格问题
date: 2011-08-28 03:49:35
category: [编程代码]
tags: [Wordpress]
```

在使用Wordpress输入文章时，发现本来在文章里的文字段首已空两格，发表后却发现空格没有了，这实在是不符合咱们的中国人习惯。这看起来是小问题，然而这样可能会降低用户的体验。当我看到文章排版很乱，段前不缩进又把空段当空行使的，就完全找不到分段在哪里，一点都没有看下去的欲望。　
　Wordpress本身程序对空格考虑并不周到。在使用WordPress的编辑器时，在使用IE内核浏览器时，则段首空格正常。如果是其他浏览器，那么段前的空格都会被忽略，造成顶格。因此，使用后台的在线编辑器请使用IE内核浏览器（包括傲游、世界之窗等）就可以解决这个问题。但如果在编辑日志时，还去打开IE，对于我这种从不用IE的实在是太麻烦了。       不过，对于使用Windows Live Writer（简称WLW）的用户来说，这个问题也可以圆满解决。不过WLW有些时候默认会裁掉行首的空格，解决方法也很简单，在账户的高级设置里把标记类型换成HTML就可以了（这是现在我使用的方法）。 　　当然，还有一些其他的方法，例如通过修改CSS样式表也可以实现，不过做会让不想空格的地方也空格，所以不建议采用。下面也附上CSS代码吧：<pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">//在段落p的css定义中添加text-indent属性。
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">p{
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">        text-indent: 2em ;
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">}
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px"></pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">//每篇日志都有一个ID，把不需要设置缩进的日志在设置
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">.post#ID{
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">text-indent: 0;
</pre><pre style="background-color: #ffffff;margin: 0em;width: 100%;font-family: consolas,'Courier New',courier,monospace;font-size: 12px">}</pre></pre>

02Blog