CSS3属性之text-indent文本缩进使用详解

1、定义:text-indent 属性规定文本块中首行文本的缩进。

2、使用:

将段落的第一行缩进2em:

div{text-indent:2em;}

注意: 1em等于一个汉字的大小

3、注意事项:

3-1、允许使用负值。如果使用负值,那么首行会被缩进到左边。

3-2、使用text-indent不生效的原因以及解决办法:

在这里插入图片描述
原因:text-indent无法作用于行内元素

解决办法:将行内元素变为块级元素:display:block;或inline-block;

最后效果请打开网页:http://jsbin.com/xusudogofa/edit?html,css,output

猜你喜欢

转载自blog.csdn.net/qq_43248623/article/details/107831023
今日推荐