定义和用法
text-align-last 属性规定如何对齐文本的最后一行。
注意：text-align-last 属性只有在 text-align 属性设置为 “justify” 时才起作用。
| 默认值： | auto |
|---|---|
| 继承： | 是 |
| 可动画化： | 否。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.textAlignLast=”right” |
CSS 语法
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;属性值
| 值 | 描述 |
|---|---|
| auto | 默认值。最后一行被调整，并向左对齐。 |
| left | 最后一行向左对齐。 |
| right | 最后一行向右对齐。 |
| center | 最后一行居中对齐。 |
| justify | 最后一行被调整为两端对齐。 |
| start | 最后一行在行开头对齐（如果 text-direction 是从左到右，则向左对齐；如果 text-direction 是从右到左，则向右对齐）。 |
| end | 最后一行在行末尾对齐（如果 text-direction 是从左到右，则向右对齐；如果 text-direction 是从右到左，则向左对齐）。 |
| initial | 设置该属性为它的默认值。 |
| inherit | 从父元素继承该属性。 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
-moz- 后指定的数字为支持该函数的第一个版本号前缀。
| 属性 | 谷歌 | IE | 火狐 | 苹果 | opera |
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5 | 12.0 -moz- | 不支持 | 34.0 |
实例
把段落的最后一行向右对齐：
HTML
x
30
30
1
2
<html>3
<head>4
<title>Web176教程网(web176.com)</title>5
<style>6
div7
{8
text-align: justify;9
text-align-last: right;10
text-align-last: right; /* 针对 Firefox 的代码 */11
}12
</style>13
</head>14
15
<body>16
<div>17
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property. You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.18
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.19
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.20
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.21
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.22
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.23
You can use the text-align-last property to align the last line of a text, if the text has the text-align property set to justify. This text is where you will see the result of the text-align-last property.24
</div>25
26
<p><b>注意：</b>只有 Internet Explorer 支持 text-align-last 属性。</p>27
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-align-last 属性。</p>28
29
</body>30
</html>阅读剩余 66%
作者：terry，如若转载，请注明出处：https://www.web176.com/css3textpro/5163.html
支付宝 
微信 