這篇文章將為大家詳細(xì)講解有關(guān)怎么在css中實(shí)現(xiàn)文本兩端對(duì)齊，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

“專業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個(gè)人一直以來(lái)堅(jiān)持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于網(wǎng)站制作、網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶需求為導(dǎo)向，結(jié)合用戶體驗(yàn)與視覺(jué)傳達(dá)，提供有針對(duì)性的項(xiàng)目解決方案，提供專業(yè)性的建議，創(chuàng)新互聯(lián)建站將不斷地超越自我，追逐市場(chǎng)，引領(lǐng)市場(chǎng)！

text-align直接設(shè)為justify就行了，text-justify的情況就復(fù)雜了，可能有人對(duì)它還不熟悉。IE的取值如下：

• auto :允許瀏覽器用戶代理確定使用的兩端對(duì)齊法則

• inter-word :通過(guò)增加字之間的空格對(duì)齊文本。該行為是對(duì)齊所有文本行最快的方法。它的兩端對(duì)齊行為對(duì)段落的最后一行無(wú)效

• newspaper : 通過(guò)增加或減少字或字母之間的空格對(duì)齊文本。是用于拉丁文字母表兩端對(duì)齊的最精確格式

• distribute :處理空格很像newspaper

• distribute-all-lines:兩端對(duì)齊行的方式與distribute相同，也同樣不包含兩段對(duì)齊段落的最后一行。適用于表意字文檔

• inter-ideograph : 為表意字文本提供完全兩端對(duì)齊。他增加或減少表意字和詞間的空格

但它最早是作為IE的私有實(shí)現(xiàn)，像text-overflow， overflow-x等，在FF很晚才實(shí)現(xiàn)，換言之有嚴(yán)格的兼容性問(wèn)題。并且FF，chrome需要手動(dòng)在漢字間插入空白或軟換行標(biāo)簽才生效，在chrome遇到的阻力就更大了。p>

方案：

.test1 {
          text-align:justify;
          text-justify:distribute-all-lines;/*ie6-8*/
          text-align-last:justify;/* ie9*/
          -moz-text-align-last:justify;/*ff*/
          -webkit-text-align-last:justify;/*chrome 20+*/
      }
      @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
          .test1:after{
              content:".";
              display: inline-block;
              width:100%;
              overflow:hidden;
              height:0;
          }
      }

運(yùn)行代碼：

    
        
            
            
            
        
        
            
                姓 名