之前为了让Html中的文字实现首行缩进,我都是前面用好几个空格(或者 )来凑的,这样显得很不优雅,而且具体多少个空格还不一致。
原来css里有专门的属性,可以实现这个功能,那就是
text-indent
说明
用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
默认值: | not specified |
---|---|
继承性: | yes |
版本: | CSS1 |
JavaScript 语法: | object.style.textIndent="50px" |
可能的值
值 | 描述 |
---|---|
length | 定义固定的缩进。默认值:0。 |
% | 定义基于父元素宽度的百分比的缩进。 |
inherit | 规定应该从父元素继承 text-indent 属性的值。 |
使用方式和实例
p { text-indent: 30px; }
文章评论