CSS :: text-align 文字左右對齊

by - 7月 18, 2017
text-alignleft / right / center / justify / initial / inherit
text-align可被繼承並只對block元素有效
詳細請見 https://www.w3schools.com/cssref/pr_text_text-align.asp

文字左右對齊如果依照參考書上的寫法是 text-align:justify;
但是CSS是外國人發明的,因此此用法只對英文管用

如果是中文需要左右對齊
則需使用
text-align: justify;
text-justify:inter-ideograph;
此兩行需並存才有效

text-justifyauto / inter-word / inter-ideograph / inter-cluster / distribute /
newspaper / kashida / trim / initial / inherit
其中 newspaper / distribute / distribute-all-lines / inter-ideograph 對中文皆有效

範例與更詳細解說如下
https://www.w3schools.com/cssref/css3_pr_text-justify.asp
http://www.tagindex.net/css/text/text_justify.html

不過chrome不適用
詳細支援度請參考 http://caniuse.com/#search=text-justify

You May Also Like

0 意見