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