text-align-last 苹果浏览器(macOS – Sa

2020-05-08  本文已影响0人  waiterYu

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%;
}
上一篇 下一篇

猜你喜欢

热点阅读