text-align的两端对齐只针对段落,且是汉字或者多个单词的段落除最后一行外的两端对齐,chrome等浏览器自然是没问题的,但是ie却不行,目前在做一个需要兼容到ie8的项目,必须兼容ie8,首先看下can i use。
部分兼容的大意就是,需要作用的元素为块级元素,且具有一定的宽度,亲测发现display为inline-block也不起效果,同时还要设置text-justify为distribute。
.trade .commodity .list .name {
width: 3em;
display: block;
text-align: justify;
text-justify: distribute-all-lines;
/*ie6-8*/
text-align-last: justify;
}