text-align:justify實現兩端對齊一例_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
text-align:justify只能對多行中的非最后一行進行兩端對齊。對于單行自己沒辦法，IE有text-justify 可以解決問題，對了非IE的我的方式比較垃圾，因為只在非凡場合下才會用。
對了非IE的我是使用content還增加內容達到有第二行，才會在第一行兩端對齊。
不過各瀏覽器對中文的理解不一樣。Firefox 是直接分割中文，Opera不會分割中文，只認空格，要是在中文中間插點半角的英文或者標號它還會對不齊，safari接近Opera。都是不加空格沒法分。
英文比較好，因為大家只能用空格分來單詞，不過IE用text-justify :distribute-all-lines來分真是難看得要命。本來想過用htc或者js幫IE，可是發現,IE6好笨的說，家里沒IE7不知道怎樣。
或者敲空格是一種比較好的方式，可firefox這種只放大文本的瀏覽器一放大文字就XX了，我寫的那個爛方法也只有在一定的情況下有用，想起一句話：珍惜生命，遠離Firefix!
看最終測試頁面！
示例代碼 [www.zhaotila.cn]
.justify{
height:1.1em;
overflow:hidden;
text-align:justify;
text-justify :distribute-all-lines;
}
div.cn:after {
content: "__________________________________________";
font-size:100px;
}
height:1.1em;
overflow:hidden;
text-align:justify;
text-justify :distribute-all-lines;
}
div.cn:after {
content: "__________________________________________";
font-size:100px;
}
對了非IE的我是使用content還增加內容達到有第二行，才會在第一行兩端對齊。
不過各瀏覽器對中文的理解不一樣。Firefox 是直接分割中文，Opera不會分割中文，只認空格，要是在中文中間插點半角的英文或者標號它還會對不齊，safari接近Opera。都是不加空格沒法分。
英文比較好，因為大家只能用空格分來單詞，不過IE用text-justify :distribute-all-lines來分真是難看得要命。本來想過用htc或者js幫IE，可是發現,IE6好笨的說，家里沒IE7不知道怎樣。
或者敲空格是一種比較好的方式，可firefox這種只放大文本的瀏覽器一放大文字就XX了，我寫的那個爛方法也只有在一定的情況下有用，想起一句話：珍惜生命，遠離Firefix!
看最終測試頁面！
相關CSS教程：
- 相關鏈接：
- 教程說明：
CSS教程-text-align:justify實現兩端對齊一例
。