text-align-last:justify 用于最后一行元素两端对齐,可以把元素平均的分布在父元素中,并且左右没有空白。 不过苹果浏览器(safari)不支持text-align-last, 解决的方法也很简单。原理是使用伪元素 :after, 添加个最后一行,这样 text-align-last就可以不用了。
效果图
image.png.row-freight{
text-align-last:justify;
text-align:justify;
}
/* 解决苹果浏览器不兼容的问题 */
.row-left:after {
content: " ";
display: inline-block;
width: 100%;
}
网友评论