首页 » CSS » 设置 首行自动缩进2个字符 使排版更美观

设置 首行自动缩进2个字符 使排版更美观

 

很多 WordPress 的主题都是默认的首行不进行任何缩进的,这样的设计不太符合国人的阅读习惯。搜过了一下解决办法,其实通过很简单的设置,就能使每个段落缩进2个字符,使文章的排版更符合咋的阅读习惯 。几乎每个主题,都可以在外观-编辑下找到style.css,就是通过修改这个样式控制文章,即可达到目标。 下面是比较简单的自动控制首字符缩进2位的方法:

进入话题:

修改style.css,使文章每段首字符自动缩进2位:

1、利用浏览器的搜索功能(alt+f),查找.post p

2、默认的.post p设置如下

.post p {
margin-bottom:10px;
}

3、修改这段代码如下

.post p {
margin-bottom:10px;
text-indent: 2em;
}

4、保存查看效果。

写在最后:

其实代码中最主要的‘text-indent: 2em;’这是缩进字符个数的控制语句。 不过自动控制自然有其不足的地方,这只会针对段落,即以<p>开头的才会缩进的,要是你在HTML格式下输入的段落,即便你输入了很多enter分了好多段,回到可视化下也只不过算是一段。

因些在可视化下按enter才会算是一个段落的结束,排版的时候应该注意这一点。

原文链接:设置 首行自动缩进2个字符 使排版更美观,转载请注明来源!

0