text-last-align关于IE的兼容

最新推荐文章于 2023-09-10 15:44:07 发布

原创最新推荐文章于 2023-09-10 15:44:07 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在Internet Explorer 8中实现文本两端对齐的方法，该方法适用于块级元素，并需要特定的CSS属性设置。文章通过实例演示了如何在不支持现代CSS特性的旧版浏览器上实现文本的两端对齐。

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