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