【text-align】CSS3新增文本兩端對齊


text-align參數值與說明:

left:內容左對齊。
center:內容居中對齊。
right:內容右對齊。
justify:內容 兩端對齊,但對於強制打斷的行(被打斷的這一行)及最后一行(包括僅有一行文本的情況,因為它既是第一行也是最后一行)不做處理。( CSS3
start:內容對齊開始邊界。( CSS3
end:內容對齊結束邊界。( CSS3
match-parent:這個值和 inherit 表現一致,只是該值繼承的 start 或 end 關鍵字是針對父母的 <' direction '> 值並計算的,計算值可以是 left 和 right 。(CSS3)
justify-all:效果等同於 justify,但還會讓最后一行也 兩端對齊。(CSS3)

語法擴展:

這里需要注意的一點是:設置或檢索對象中內容的水平對齊方式。

1、塊級元素的文本是一些堆疊的線框

2、大部分瀏覽器要使得 <' text-align '> 的justify兩端對齊生效,需要在漢字間插入有空白,如空格;

3、塊內的最后一行文本(包括塊內僅有一行文本的情況,這時既是第一行也是最后一行)及被強制打斷的行,其兩端對齊需使用 <' text-align-last '>;

4、 IE瀏覽器下,如果 <' text-align-last '> 要生效,必須先定義 <' text-align '> 為justify;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM