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