?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
text-align-last:auto | start | end | left | right | center | justify
默認(rèn)值:auto
適用于:塊容器
繼承性:有
動(dòng)畫性:否
計(jì)算值:指定值
auto:無(wú)特殊對(duì)齊方式。
left:內(nèi)容左對(duì)齊。
center:內(nèi)容居中對(duì)齊。
right:內(nèi)容右對(duì)齊。
justify:內(nèi)容兩端對(duì)齊。
start:內(nèi)容對(duì)齊開(kāi)始邊界。
end:內(nèi)容對(duì)齊結(jié)束邊界。
如果某一行同時(shí)也是塊內(nèi)的第一行或者第一行但后面緊跟著強(qiáng)制換行,除非顯示的指定 <' text-align '> 第一行對(duì)齊方式(值 'start end'),否則 <' text-align-last '> 將會(huì)覆蓋 <' text-align '>;
如果auto
值被指定,內(nèi)容的對(duì)齊方式將依據(jù) <' text-align '> 的設(shè)定,除非 <' text-align '> 設(shè)置為justify
;
作為IE的私有屬性之一,IE5.5率先實(shí)現(xiàn)了 <' text-align-last '>,后期被w3c采納成標(biāo)準(zhǔn)屬性;
IE7及以下瀏覽器只實(shí)現(xiàn)了塊內(nèi)最后一行的對(duì)齊方式,沒(méi)有處理被強(qiáng)制打斷的行的對(duì)齊方式,從IE8開(kāi)始,這兩種形式的行對(duì)齊都被支持;
IE瀏覽器下,如果 <' text-align-last '> 要生效,必須先定義 <' text-align '> 為justify
;
查看 form表單標(biāo)簽名兩端對(duì)齊效果demo
對(duì)應(yīng)的腳本特性為textAlignLast。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0-11.0 | 4.0-41.0 | 6.0-8.0 | 15.0-27.0 | 6.0-8.3 | 2.1-4.4.4 | 18.0-40.0 |
12.0-37.0 -moz- | ||||||||
start | end | 6.0-11.0 | 2.0-11.0 | 4.0-41.0 | 6.0-8.0 | 15.0-27.0 | 6.0-8.3 | 2.1-4.4.4 | 18.0-40.0 |
12.0-37.0 -moz- |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>text-align-last_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> div{width:300px;margin-top:10px;background:#aaa;text-align:justify;-moz-text-align-last:center;text-align-last:center;} </style> </head> <body> <div>我是第一行,后面緊接著強(qiáng)制換行<br />一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容我后面緊跟著強(qiáng)制換行<br />一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容我是最后一行</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例