重温text-justify：inter-ideograph

两端对齐大家都知道text-align:justify;

text-justify确不曾被人们所熟悉，它是干什么的呢？。先来看下语法。

语法：text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数：
auto :允许浏览器用户代理确定使用的两端对齐法则
inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute :处理空格很像newspaper，适用于东亚文档。尤其是泰国
distribute-all-lines :两端对齐行的方式与distribute相同，也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
说明：
设置或检索对象内文本的对齐方式。
对应的脚本特性为textJustify。

实例如下：

代码

   
     

    
      
    
      <!
    
      DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    
      >
    
      

    
      <
    
      html 
    
      xmlns
    
      ="http://www.w3.org/1999/xhtml"
    
      >
    
      

    
      <
    
      head
    
      >
    
      

    
      <
    
      meta 
    
      http-equiv
    
      ="Content-Type"
    
       content
    
      ="text/html; charset=gb2312"
    
       
    
      />
    
      

    
      <
    
      title
    
      >
    
      Div+Css实例：css文本两端对齐
    
      </
    
      title
    
      >
    
      

    
      </
    
      head
    
      >
    
      

    
      <
    
      style
    
      >
    
      
.w1
    
      {
    
      width
    
      :
    
      500px
    
      ;
    
      }
    
      
.w1 p
    
      {
    
      font-size
    
      :
    
      12px
    
      ;
    
      line-height
    
      :
    
      20px
    
      ;
    
      padding
    
      :
    
      5px
    
      ;
    
      }
    
      
.a1
    
      {
    
      background
    
      :
    
      #00FF00
    
      ;
    
      text-align
    
      :
    
      justify
    
      ;
    
      text-justify
    
      :
    
      inter-ideograph
    
      ;
    
      word-wrap 
    
      :
    
       break-word 

    
      }
    
      
.a2
    
      {
    
      background
    
      :
    
      #FFFF00
    
      ;
    
      }
    
      

    
      </
    
      style
    
      >
    
      

    
      <
    
      body
    
      >
    
      

    
      <
    
      div 
    
      class
    
      ="w1"
    
      >
    
      

    
      <
    
      p
    
      >
    
      原效果：
    
      </
    
      p
    
      >
    
      

    
      <
    
      p 
    
      class
    
      ="a2"
    
      >
    
      　　本届集团公司党委由2006年4月召开的华侨城集团公司第三次党员代表大会选举产生，由11名委员组成，其中书记1名、副书记1 名。2008年3月，因集团主营业务整体上市需要，经国务院国资委党委批准，集团公司党委设立常务委员会：设常委9名，其中书记1名，由郑凡同志担任；副书记2名，由任克雷同志和苏征同志分别担任；苏征同志同时兼任纪委书记。
    
      </
    
      p
    
      >
    
      


    
      <
    
      p
    
      >
    
      两端对齐后产效果：
    
      </
    
      p
    
      >
    
      

    
      <
    
      p 
    
      class
    
      ="a1"
    
      >
    
      　　本届集团公司党委由2006年4月召开的华侨城集团公司第三次党员代表大会选举产生，由11名委员组成，其中书记1名、副书记1 名。2008年3月，因集团主营业务整体上市需要，经国务院国资委党委批准，集团公司党委设立常务委员会：设常委9名，其中书记1名，由郑凡同志担任；副书记2名，由任克雷同志和苏征同志分别担任；苏征同志同时兼任纪委书记。

    
      </
    
      p
    
      >
    
      

    
      </
    
      div
    
      >
    
      

    
      </
    
      body
    
      >
    
      

    
      </
    
      html
    
      >
   
     

中文段落两端对齐（单行不动）需两者才能兼容哦！

text-align:Justify(火狐);text-justify:inter-ideograph(IE)