ios不兼容text-align-last: justify问题

ios兼容问题：

ios手机上使用 text-align-last: justify; text-align: justify;尾端对齐不生效问题。

可以使用伪元素:after

     一定要在最外层div上添加行高，否则后面的内容还是错位不对齐的

        .box{

                height:40px;

                line-height:40px;

                display:flex;

                 align-items:center;

                // .left  .right都是span元素

                .left{

                        display:inline-block;

                        width:150px;

                        text-align-last: justify;

                        text-align: justify;

                        text-justify: distribute-all-lines; // 兼容ie浏览器

                  }

                .right{

                        flex:1;

                  }

                // :after伪类，给元素最后设置一个看不见的内联元素，并设置宽度为100%。

               .left:after,.right:after {

                   content: "";

                    display: inline-block;

                    width: 100%;

                    overflow: hidden;

                }

        }