网站首页 优化案例 正文
这篇文章主要介绍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个字符”这篇文章的所有内容其实很简单就
text-indent:2em； 就行了
欢迎 你 发表评论:
- 2023-02-27百度小程序怎么用 标签显示前端样式
- 2022-12-07帝国cms如何在首页和列表页分别调用文章栏目名称
- 2022-12-01帝国cms如何清理全部tag标签
- 2022-11-29如何重新安装zblog，在已有数据库的情况下
- 2022-11-24python，py采集过程中谷歌内核版本需要更新怎么操作
- 2022-07-14css如何设置首航缩进两字符
- 2022-07-06帝国cms如何登陆后台地址，如何让id从1开始
- 2022-03-31如何用php随机生成一个数字
- 搜索
- 文章归档
本文暂时没有评论，来添加一个吧(●'◡'●)