1. 程式人生 > >單行中文如何實現兩端對齊

單行中文如何實現兩端對齊

text-align: justify可以實現英文的兩端對齊,但是它有兩個缺陷:

  1. 只對多行文字有效,並且多行文字的最後一行無效
  2. IE瀏覽器下只對英文有效

對於問題1,可以用 text-align-last: justify 解決,我自己測試在IE chrome firefox下都是有效果的;
對於問題2,可以用IE的私有屬性 text-justify: inter-ideograph 解決。

最終解決方案:

.justify {
    text-align: justify;
    text-align-last: justify
; text-justify: inter-ideograph; }