ie8以上的ie浏览器文字均匀分布

公司做一些政府机关的项目需要兼容ie8,发现一个样式可以兼容到

span{
	display: block;
	width:90px;
	height: 30px;
	line-height: 30px;
	text-align: justify;
	text-align-last: justify; 
	text-justify: inter-ideograph; /*为了兼容IE*/
	text-align-last: justify;/* ie9*/
	-moz-text-align-last: justify;/*ff*/
	-webkit-text-align-last: justify;/*chrome 20+*/
}

效果如下

如果只有这一行,Chrome下这一行就是最后一行,最后一行是不会充满元素的,可以用::after的方法,把这一行变成倒数一行,代码如下

span::after {
	display: none;
	content: '';
	width: 100%;
}