css首行缩进2字符如何设置-创新互联

这篇文章将为大家详细讲解有关css首行缩进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个汉字位置实例

我字体大小为14px，看看是否
刚好缩进2个汉字位置
我字体大小为2px，看看是否
刚好缩进2个汉字位置

显示如下：

无论设置字体大小多少，均实现自适应实现缩进2个字空格位置

总结：使用text-indent:2em,使用em单位最适合的缩进单位。

关于css首行缩进2字符如何设置就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

名称栏目：css首行缩进2字符如何设置-创新互联
浏览路径：http://cdxtjz.com/article/cscpps.html