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;
}