[轉貼自]http://redwingteam.mysinablog.com/index.php?op=ViewArticle&articleId=1938757
CSS 中文文字對齊 | text-align:justify
字對齊要在td,div或p之類的tag中設定align="justify" 或用上css設定text-align:justify;
全文完
不對,單純英文文字對齊那是可行的,可是你在中文頁面上設定的話,你也會發現是沒有對齊的效果。由於這問題,早期的網頁是無法做出對齊效果。
中文對齊要利用CSS設定text-align及text-justify的數值,text-justify是css 2.0以外的屬性,如果要通過w3c的話這一點要多加留意。
一般我自己也會設定成
.justify{ text-align:justify; text-justify: inter-ideograph;}
2011年7月8日修訂:
英文排版時由於IE 8 text-justify: inter-ideograph會出現相當不自然的畫面,連字母亦會Justify (FF不會出現),因此text-justify: inter-ideograph只用於中文版本時好了。
每當我想要對齊文字時我只要利用它一次就可以。
P.S.:
有一點需要注意,舊式的Browser支援justify效果不好,最常見的情況是當你的網頁中同時擁有Flash動畫,Div的scrolling內容,內容再加上justify。舊式的Browser會出現嚴重拖慢的情況。(部份css亦發生同樣情況)
另一個情況同是Div的scrolling內容,內容再加上justify,而Div內容中有一部份利用CSS Background設定。舊式的Browser在Scrolling上亦會出現嚴重拖慢的情況。