text-align-last
text-align-last 属性规定如何对齐最后一行或紧挨着强制换行符之前的行。
语法
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
值
值 | 描述 |
---|---|
auto | 默认值。最后一行被调整,并向左对齐。 |
left | 最后一行向左对齐。 |
right | 最后一行向右对齐。 |
center | 最后一行被调整为两端对齐。 |
justify | 最后一行在行开头对齐(如果 text-direction 是从左到右,则向左对齐;如果 text-direction 是从右到左,则向右对齐)。 |
end | 最后一行在行末尾对齐(如果 text-direction 是从左到右,则向右对齐;如果 text-direction 是从右到左,则向左对齐)。 |
initial | 设置该属性为它的默认值。 |
inherit | 从父元素继承该属性。 |
例子
HTML
<div> 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. 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. </div>
CSS
div { text-align: justify; text-align-last: right; -webkit-text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; -o-text-align-last: right; }
执行结果
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.
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.
注意:只有 Internet Explorer 支持 text-align-last 属性。
注意:Firefox 支持另一个可替代该属性的属性,即 -moz-text-align-last 属性。