text-last-align关于IE的兼容

text-align的两端对齐只针对段落,且是汉字或者多个单词的段落除最后一行外的两端对齐,chrome等浏览器自然是没问题的,但是ie却不行,目前在做一个需要兼容到ie8的项目,必须兼容ie8,首先看下can i use。
text-last-align关于IE的兼容_第1张图片
部分兼容的大意就是,需要作用的元素为块级元素,且具有一定的宽度,亲测发现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;
}

你可能感兴趣的:(css)