在CSS中,text-align-last屬性定義了當最后一行文字不足一行時,文字如何對齊。
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
屬性值的解釋如下:
- auto:默認值,文字水平方向按照text-align屬性的值進行對齊,垂直方向按照line-height的值進行對齊。
- left:文字靠左對齊。
- right:文字靠右對齊。
- center:文字居中對齊。
- justify:文字兩端對齊。
- start:開始對齊,與文本方向有關。
- end:結束對齊,與文本方向有關。
- initial:值設置為它的默認值。
- inherit:繼承父元素的值。
該屬性比較適用于一些多行文本的場景,如段落、列表等。當文字最后一行不足一行時,可以使用text-align-last屬性來對齊。
下面是一個例子:
p { text-align: justify; /*文本兩端對齊*/ text-align-last: center; /*文字最后一行居中對齊*/ }
以上代碼會使段落文字兩端對齊,并且當最后一行文字不足一行時,文字會居中對齊。
需要注意的是,text-align-last屬性并不是所有瀏覽器都支持,所以需要在使用前進行兼容性檢測。