html p文字缩进 每个段落首行抬头空两个字(空两格)位置

2016-09-22 21:16:54 一般文章排版习惯使用html p /p 标签,这样文章条理结构清晰,而且上一段与下一段文章内有空格间隔。但有时我们需要对每个段落首行抬头空两个位置(段落首行文字缩进)。

p文字缩进之CSS实现每个段落首行抬头空两个字位置缩进效果

一般文章排版习惯使用<p></p>标签,这样文章条理结构清晰,而且上一段与下一段文章内有空格间隔。但有时我们需要对每个段落首行抬头空两个位置(段落首行文字缩进)。

段落首行文字缩进空两个汉字位置效果截图
段落首行文字缩进空两个汉字位置效果截图

这样效果一般可以使用css缩进text-indent属性样式来实现,简单实用,兼容好。

text-indent缩进css样式使用语法结构:

p{ text-indent:25px} 

这样就可以实现p段落首行文字字体缩进25px宽。

关于p文章段落首行缩进空两格小结:
实现html p每段文章开始首行文字缩进,一般不用Html空格字符实现,而是使用css text-indent缩进属性来实现。根据需求调整text-indent值达到想要的首行缩进多少宽效果。

关于缩进空格相关教程:
1、《html空格
2、《css缩进

更新