?
This document uses PHP Chinese website manual Release
text-align-last:auto | start | end | left | right | center | justify
默認(rèn)值:auto
適用于:塊容器
繼承性:有
動畫性:否
計算值:指定值
auto:無特殊對齊方式。
left:內(nèi)容左對齊。
center:內(nèi)容居中對齊。
right:內(nèi)容右對齊。
justify:內(nèi)容兩端對齊。
start:內(nèi)容對齊開始邊界。
end:內(nèi)容對齊結(jié)束邊界。
如果某一行同時也是塊內(nèi)的第一行或者第一行但后面緊跟著強制換行,除非顯示的指定 <' text-align '> 第一行對齊方式(值 'start end'),否則 <' text-align-last '> 將會覆蓋 <' text-align '>;
如果auto
值被指定,內(nèi)容的對齊方式將依據(jù) <' text-align '> 的設(shè)定,除非 <' text-align '> 設(shè)置為justify
;
作為IE的私有屬性之一,IE5.5率先實現(xiàn)了 <' text-align-last '>,后期被w3c采納成標(biāo)準(zhǔn)屬性;
IE7及以下瀏覽器只實現(xiàn)了塊內(nèi)最后一行的對齊方式,沒有處理被強制打斷的行的對齊方式,從IE8開始,這兩種形式的行對齊都被支持;
IE瀏覽器下,如果 <' text-align-last '> 要生效,必須先定義 <' text-align '> 為justify
;
查看 form表單標(biāo)簽名兩端對齊效果demo
對應(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參考手冊_web前端開發(fā)參考手冊系列</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>我是第一行,后面緊接著強制換行<br />一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容我后面緊跟著強制換行<br />一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容一些隨意的文字內(nèi)容我是最后一行</div> </body> </html>
點擊 "運行實例" 按鈕查看在線實例