很多人都用過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上顯示安卓端全軍覆沒。