text-align:justify实现文本两端对齐 兼容IE

实现文本两端对齐是网页设计中常用的一种排版方式，而在兼容IE的情况下使用text-align:justify样式来实现文本两端对齐则需要注意一些细节。下面是实现文本两端对齐兼容IE的具体攻略。

1.使用text-justify属性

text-justify属性可以用来控制文本对齐方式，包括两端对齐、左右对齐、分散对齐等方式。但是需要注意的是，text-justify属性只支持文本英文单词之间的间隔对齐，对中文字符的两端对齐效果不理想，因此需要配合word-break属性使用。同时，在IE浏览器中，text-justify属性需要使用前缀-ms来模拟兼容处理。

示例代码为：

p {
  text-align: justify; /*一般情况下只使用text-align即可*/
  word-break: break-all; /*注意需要使用break-all，以使中文字符能够间隔对齐*/
  -ms-text-justify: distribute-all-lines; /*使用-ms-text-justify来模拟text-justify兼容处理*/
  text-justify: distribute-all-lines;
}

2.使用text-align-last属性

除了text-justify属性外，text-align-last属性也可以用来控制文本两端对齐，但是该属性只适用于块级元素的最后一个行盒子，因此需要将元素设置成块级元素才能使用该属性。在IE浏览器中，text-align-last属性同样需要使用前缀-ms来模拟兼容处理。

示例代码为：

p {
  display: block; /*如果是行内元素，则需要设置成块级元素才能使用text-align-last*/
  text-align: justify;
  word-break: break-all;
  text-align-last: justify; /*将最后一行文本对齐方式设置成两端对齐*/
  -ms-text-align-last: justify; /*在IE浏览器中需要使用-ms-text-align-last*/
}

总的来说，以上两种方式都可以实现文本两端对齐操作，而且在兼容性上都有一定的保障。但是需要注意的是，该方式对于中英文混排的网页需要使用 word-break 属性来处理中文英文混排对齐问题，否则会导致对齐效果不理想。