css实现文章每个段落开头自动缩进两个空格
2017-06-20 19:14
615 查看
我写文章,喜欢段落开头空两格,以前,我都是手动敲两个空格进去,后来,我发现,有的文章的每个段落开头并没有空格符,而在网页上显示时照样会缩进两个空格。这就是菜鸟和专家的差别。
后来,我研究下别人的代码,原来,别人是用css实现的。我觉得这样很好,第一,不需要我在写文章时每段开头都要敲两个空格,从而节省了时间;第二,由于每段开头少了两个空格符,使得文章的字符便减少了一些,这样,可以加快网页的显示速度。
经研究,发现如下代码可以实现
#adiv p{
text-align:left;
text-indent:2em;
padding-bottom:10px;
}
上述代码中,adiv是文章内容所在层的id,文章内容写在<p></p>标签里。
相关文章推荐
- css实现文章每个段落开头自动缩进两个空格
- CSS实现段落首行缩进两个字符不再使用空格
- 用CSS实现段落前面缩进两个字
- CSS之设置p段落中的文字与页面左侧缩进两个字符!...
- 用CSS实现段落前面缩进两个字
- 如何使用CSS达到段落开头空格的目的
- CSS 每段缩进,段落开头前面空两格
- div+CSS实现段落首行缩进两个字符
- 如何使用CSS达到段落开头空格的目的
- 用CSS实现段落前面缩进两个字
- Css中实现两个DIV左右并排摆放,且自动按比例伸缩(示例)
- Css中实现两个DIV左右并排摆放,且自动按比例伸缩(示例)
- css的text-indent属性实现段落第一行缩进
- CSS实现文章段落首行缩进2个字符的效果!
- div+CSS实现段落首行缩进两个字符(text-indent标签)
- 输出文章段落首行空格缩进在IE和chrome显示不一致的问题
- CSS之设置p段落中的文字与页面左侧缩进两个字符!...
- Div+Css实现段落首行缩进两个字符(text-indent标签)
- 用Python实现去掉文章中特定的段落
- CSS实现自动换行的技巧