首页前端开发CSS刚好缩进两个汉字位置设置的CSS代码

刚好缩进两个汉字位置设置的CSS代码

时间2024-05-23 05:32:03发布访客分类CSS浏览56
导读:段落首行垂头刚好缩进2个汉字职位的设置装备摆设办法教程 1、首先运用缩进CSS属性:text-indent 2、单位准确的抉择: 1)、px单位 如果晓得字体大小,何况是静止的可使用px作为缩进值单位。 如果字体大小在12px,配置t...

段落首行垂头刚好缩进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代码





刚才缩进2个字CSS实例 CSS5

.f14{
 font-size:14px}

.f22{
 font-size:22px}

.sjlz{
 text-indent:2em}
    



我字体大小为14px,看看是否
正好缩进2个汉字地位
我字体大小为2px,看看可否
恰恰缩进2个汉字位子

设置装备摆设一个14px字体大小,一个css字体大小为22px,设置相斥2em缩进技俩。

2)、截图


css缩进2个汉字实例图

不论配置字体大小若干,均实现自顺应完成缩进2个字空格位子

总结:使用text-indent:2em,使用em单元最适当的缩进单元。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 刚好缩进两个汉字位置设置的CSS代码
本文地址: https://pptw.com/jishu/666099.html
div内文字之间间距设置方法 Typecho评论增加算术运算提高反垃圾评论功能

游客 回复需填写必要信息