【微信小程序】首行缩进、 去掉/取消首行缩进

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_42614447/article/details/89673398

首行缩进

text-indent:2em;

text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。

注意:对于"text-indent:2em;"属性,只能加在块状元素上面,内联元素是不起作用的。

text-indent: 20rpx;
text-align: left;

取消首行缩进

text-indent: 0rpx;
padding-left: 0rpx;
text-align: left;

在小程序里光靠 text-indent:0rpx是不够的,必须加上 padding-left:0rpx;

供参考!

猜你喜欢

转载自blog.csdn.net/weixin_42614447/article/details/89673398
今日推荐