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

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


2、使用:

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

div{text-indent:2em;}


3、注意事项:


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


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

CSS3属性之text-indent文本缩进使用详解_第1张图片

原因:text-indent无法作用于行内元素

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

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

你可能感兴趣的:(text-indent,首行缩进,CSS3新属性,text-indent失效,css怎么让首行缩进)