介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;
& lt; title>刚刚缩进2个字CSS实例& lt;/title>
& lt; style>
.f14{字体大小:14 px}
.f22{字体大小:22 px}
.sjlz {indent: 2 em}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div类=癴14 sjlz"在我字体大小为14 px,看看是否& lt; br/祝辞刚好缩进2个汉字位置& lt;/div>
& lt; div类=啊猣22 sjlz"在我字体大小为2 px,看看是否& lt; br/祝辞刚好缩进2个汉字位置& lt;/div>
& lt;/body>
& lt;/html>
这篇文章将为大家详细讲解有关css首行缩进2字符如何设置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1,首先应用缩进css属性:- indent
2,单位准确的选择:
1), px单位
如果知道字体大小,而且是固定的可以使用px作为缩进值单位。
如果字体大小在12 px,设置indent: 24 px (24 px左右即可)。
2), em单位(强烈推荐)
em是相对长度单位
无论字体大小设置多少,em单位作为缩进样式单位,即可自适应实现要缩进文字长度。
indent: 2 em设置2 em,就能实现无论字体大小设置多少,都能自适应缩进2个字的距离空格效果。
3,缩进2个汉字位置实例
显示如下:
无论设置字体大小多少,均实现自适应实现缩进2个字空格位置
总结:使用indent: 2 em,使用em单位最适合的缩进单位。
关于css首行缩进2字符如何设置就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
