35 lines
1.1 KiB
Markdown
35 lines
1.1 KiB
Markdown
---
|
||
title: Text Indent Property
|
||
localeTitle: 文本缩进属性
|
||
---
|
||
## 文本缩进属性
|
||
|
||
`text-indent` css属性指定在块中的文本行之前放置的缩进量（空白空间）。默认情况下，它仅控制块的第一个格式化行的缩进，但`hanging`和`each-line`关键字可用于更改此行为。
|
||
|
||
**关键词**
|
||
|
||
`hanging` - 压缩会影响块容器的第一行以及强制换行后的每一行，但不会影响软换行后的行。
|
||
|
||
`each-line` - 反转哪些行缩进。除第一行之外的所有行都将缩进。
|
||
|
||
**句法**
|
||
|
||
```css
|
||
/* <length> values */
|
||
text-indent: 40px;
|
||
|
||
/* <percentage> value relative to the containing block width */
|
||
text-indent: 10%;
|
||
|
||
/* Keyword values */
|
||
text-indent: 2em each-line;
|
||
text-indent: 2em hanging;
|
||
text-indent: 2em hanging each-line;
|
||
```
|
||
|
||
_注意：目前对关键字`hanging`和`each-line`的支持仅在实验Web平台功能标志后面提供_
|
||
|
||
### 更多信息：
|
||
|
||
* [MDN Doc on `text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)
|
||
* [浏览器支持`text-indent`](http://caniuse.com/#feat=css-text-indent) |