这篇文章主要介绍css如何实现段落首行缩进2个字符，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
段落首行抬头恰恰缩进2个汉字位子的设置门径教程
1、首先使用缩进CSS属性：text-indent
2、单位准确的决意：
1）、px单位
如果知道字体大小，况且是固定的或是使用px作为缩进值单位。
假定字体大小在12px，配置text-indent:24px（24px摆布便可）。
2）、em单位（强烈推荐）
em是相对于长度单元
岂论字体大小设置若干，em单元作为缩进格局单元，即可自适应完成要缩进翰墨长度。
text-indent:2em 设置装备摆设2em,就能够实现无论字体大小设置几多，都能自适应缩进2个字的隔绝距离空格成效。
3、正好缩进2个汉字位置实例
1）、缩进实例CSS+HTML代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>刚才缩进2个字CSS实例 CSS5</title>
<style>
.f14{ font-size:14px}
.f22{ font-size:22px}
.sjlz{ text-indent:2em}
</style>
</head>
<body>
<div class="f14 sjlz">我字体大小为14px，看看可否<br />刚好缩进2个汉字地位</div>
<div class="f22 sjlz">我字体大小为2px，看看能否<br />偏偏缩进2个汉字身分</div>
</body>
</html>配置一个14px字体大小，一个css字体大小为22px，设置相反2em缩进名目。
2）、截图
以上是“css如何实现段落首行缩进2个字符”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
