主頁(yè) > 知識(shí)庫(kù) > 使用text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例

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

熱門標(biāo)簽:沈陽(yáng)400電話辦理多少錢 地圖標(biāo)注樓盤 南山電話機(jī)器人 隨州外呼系統(tǒng)廠家 南昌電話機(jī)器人系統(tǒng) ai電話機(jī)器人效果差 蘇州做電話機(jī)器人 地圖標(biāo)注微信好友 快速更改地圖標(biāo)注點(diǎn)標(biāo)
text-align:justify只能對(duì)多行中的非最后一行進(jìn)行兩端對(duì)齊。對(duì)于單行自己沒(méi)辦法,IE有text-justify 可以解決問(wèn)題,對(duì)了非IE的我的方式比較垃圾,因?yàn)橹辉谔厥鈭?chǎng)合下才會(huì)用。

 Example Source Code [www.52css.com]
.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ì)齊。

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

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

  或者敲空格是一種比較好的方式,可firefox這種只放大文本的瀏覽器一放大文字就XX了,我寫(xiě)的那個(gè)爛方法也只有在一定的情況下有用,想起一句話:珍惜生命,遠(yuǎn)離Firefix!
您可能感興趣的文章:
  • JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法
  • text-align:justify實(shí)現(xiàn)文本兩端對(duì)齊 兼容IE

標(biāo)簽:大同 商洛 玉樹(shù) 濰坊 深圳 昭通 石家莊 濰坊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《使用text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例》,本文關(guān)鍵詞  使用,text-align,justify,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《使用text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于使用text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章