登录 | 注册

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

首页 > Web前端 > Web标准 2016-11-14 18:30:09 浏览次 共 条评论

收藏赞(分享

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

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

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

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

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

  1. p{ text-indent:25px} 

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

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

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

免责声明:本文来源于,由网友提供或网络搜集,仅供个人研究、交流学习使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。优知网会定期发布Web前端相关趋势文章,包括 Web标准 HTML5 CSS JS JQuery Ajax 网页特效 等领域,敬请关注!

分享到
人收藏5 收藏
 
我要评价
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博