關於text-align和text-align-last


很多人都用過text-align,基本上也比較熟悉這個屬性。

text-align: left;       //   左對齊
text-align: right;      //  右對齊
text-align: center;     //   居中對齊
text-align: justify;     //   兩端對齊
text-align: justify-all;  //   兩端對齊 同時強制最后一行兩端對齊
text-align: start;      // 開始處對齊,相對direction:rtl和ltr而言
text-align: end;        // 結尾處對齊,現對於direction
text-align: match-parent;  // 有點類似於inherit

前面4個常用,后面新增的屬性值由於瀏覽器支持度不好,目前來看,用的比較少。

很多時候,會有一種需求,就是段落文字兩端對齊,但是最后一行需要居中對齊,這時候就需要使用 text-align: justify;並且配合text-align-last屬性了,其值與text-align的屬性值完全一致,主要針對的是段落文字的最后一行的對齊方式的設置。

但是很不幸的是,其瀏覽器支持度似乎很差,MDN上顯示安卓端全軍覆沒。

 


免責聲明!

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



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