美文网首页
text-align-last 苹果浏览器(macOS – Sa

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

作者: waiterYu | 来源:发表于2020-05-08 15:14 被阅读0次

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

相关文章

网友评论

      本文标题:text-align-last 苹果浏览器(macOS – Sa

      本文链接:https://www.haomeiwen.com/subject/ihmfnhtx.html