text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　text-align:justify只能對(duì)多行中的非最后一行進(jìn)行兩端對(duì)齊。對(duì)于單行自己沒辦法，IE有text-justify 可以解決問題，對(duì)了非IE的我的方式比較垃圾，因?yàn)橹辉诜欠矆?chǎng)合下才會(huì)用。

示例代碼 [hl5o.cn]

.justify{
height:1.1em;
overflow:hidden;
text-align:justify;
text-justify :distribute-all-lines;
}
div.cn:after {
content: "__________________________________________";
font-size:100px;
}

　　對(duì)了非IE的我是使用content還增加內(nèi)容達(dá)到有第二行，才會(huì)在第一行兩端對(duì)齊。

　　不過各瀏覽器對(duì)中文的理解不一樣。Firefox 是直接分割中文，Opera不會(huì)分割中文，只認(rèn)空格，要是在中文中間插點(diǎn)半角的英文或者標(biāo)號(hào)它還會(huì)對(duì)不齊，safari接近Opera。都是不加空格沒法分。

　　英文比較好，因?yàn)榇蠹抑荒苡每崭穹謥韱卧~，不過IE用text-justify :distribute-all-lines來分真是難看得要命。本來想過用htc或者js幫IE，可是發(fā)現(xiàn),IE6好笨的說，家里沒IE7不知道怎樣。

　　或者敲空格是一種比較好的方式，可firefox這種只放大文本的瀏覽器一放大文字就XX了，我寫的那個(gè)爛方法也只有在一定的情況下有用，想起一句話：珍惜生命，遠(yuǎn)離Firefix!

　　看最終測(cè)試頁面！