單行中文如何實現兩端對齊
阿新 • • 發佈:2018-11-04
text-align: justify可以實現英文的兩端對齊,但是它有兩個缺陷:
- 只對多行文字有效,並且多行文字的最後一行無效
- 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;
}