49 lines
1.4 KiB
Markdown
49 lines
1.4 KiB
Markdown
---
|
||
title: Text Align
|
||
localeTitle: 文字对齐
|
||
---
|
||
## 文字对齐
|
||
|
||
此CSS属性描述了其父块元素中内联内容的水平对齐方式。 `text-align`不控制块元素的对齐，它只影响它们的内联内容。
|
||
|
||
### 价值观：
|
||
|
||
`text-align`属性指定为从以下值列表中选择的单个关键字：
|
||
|
||
`text-align: left;`将文本对齐到左侧
|
||
|
||
`text-align: right;`将文本对齐
|
||
|
||
`text-align: center;`将文本与中心对齐
|
||
|
||
`text-align: justify;`使线条宽度相同
|
||
|
||
`text-align: justify-all;`使线条宽度相同，包括最后一条线条
|
||
|
||
`text-align: start;`对齐行首的最后一行
|
||
|
||
`text-align: end;`对齐行尾的最后一行
|
||
|
||
`text-align: match-parent;`计算值开始和结束父母的方向，并替换为适当的左或右值。
|
||
|
||
**块对齐值（非标准语法）** ：
|
||
|
||
`text-align: -moz-center;`
|
||
|
||
`text-align: -webkit-center;`
|
||
|
||
**全球价值观** ：
|
||
|
||
`text-align: inherit;`继承自其父元素
|
||
|
||
`text-align: initial;`默认值
|
||
|
||
`text-align: unset;`应用inherit或initial值，具体取决于元素的默认属性
|
||
|
||
#### 更多信息：
|
||
|
||
* [CSS1规格](https://www.w3.org/TR/REC-CSS1/#text-align)
|
||
* [CSS2规格](https://www.w3.org/TR/CSS21/text.html#alignment-prop)
|
||
* [CSS3规格](https://www.w3.org/TR/css-text-3/#justification)
|
||
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
|
||
* [CSS技巧](https://css-tricks.com/almanac/properties/t/text-align/) |