廊坊SEO-解决各种网站问题,中小企业线上帮手
网站优化专家

网站首页 优化案例 正文

css如何设置首航缩进两字符

2022-07-14 优化案例 316 ℃ 0 评论

这篇文章主要介绍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个字符

以上是“css如何实现段落首行缩进2个字符”这篇文章的所有内容其实很简单就    

text-indent:2em;   就行了


标签:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

搜索
网站分类
文章归档
标签列表