电话
13363039260
段落首行抬头刚好缩进2个汉字位置的设置方法
2024-01-18 13:21 小编
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缩进名目。
猜你喜欢
联络方式：
13363039260
微信二维码 