CSS3的text-indent文本缩进属性怎么用

avatar
作者
猴君
阅读量:2

CSS3的text-indent属性用于设置文本的缩进。它可以应用于块级元素或行内元素。

使用方法如下:

p {   text-indent: 50px; /* 设置段落的首行缩进为50像素 */ }  h1 {   text-indent: -20px; /* 设置标题的首行缩进为负20像素,即向左移动 */ } 

可以使用具体的像素值、百分比值或em值来指定缩进的大小。正值表示向右缩进,负值表示向左缩进。

此外,也可以使用inherit关键字继承父元素的text-indent值,或使用initial关键字将text-indent重置为默认值。

注意:text-indent只会影响文本的第一行,而不会影响其他行。若需要设置整个段落或元素的所有行的缩进,可以结合使用text-indent和text-align属性。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!