CSS text-align-last 属性
实例
对齐三个 <div> 元素中的最后一行：
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b {
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c {
text-align: justify; /* For Edge */
text-align-last: justify;
}
亲自试一试 »
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b {
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c {
text-align: justify; /* For Edge */
text-align-last: justify;
}
下面有更多实例。
定义和用法
text-align-last 属性规定如何对齐文本的最后一行。
请注意 text-align-last 属性设置的是被选元素内的所有最末行。所以，如果一个 <div> 中有三个段落，text-align-last 会应用于每段的最后一行。如需在容器中的最后一段上使用 text-align-last，您可使用 :last child，请看下面的例子。
注释: 在 Edge prior 79 中, text-align-last 属性仅适用于具有 "text-align: justify" 的文本。
| 默认值: | auto |
|---|---|
| 继承性: | yes |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.textAlignLast="right" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
紧跟在 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
* 在 Edge/Internet Explorer, 不支持 "start" 和 "end" 值。
语法
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| auto |
默认值。每一行的对齐规则由 text-align 的值来确定。 当 text-align 的值是 justify，text-align-last 的表现和设置了 start 的表现是一样的。 |
亲自试一试 » |
| left | 最后一行向左对齐。 | 亲自试一试 » |
| right | 最后一行向右对齐。 | 亲自试一试 » |
| center | 最后一行居中对齐。 | 亲自试一试 » |
| justify | 最后一行文字的开头与内容盒的左侧对齐，末尾与右侧对齐。 | 亲自试一试 » |
| start |
最后一行在行起点对齐。 如果 text-direction 为从左到右，则左对齐，如果 text-direction 为从右到左，则右对齐。 |
亲自试一试 » |
| end |
最后一行在行末尾对齐。 如果 text-direction 为从左到右，则右对齐，如果 text-direction 为从右到左，则左对齐。 |
亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: textAlignLast 属性
