美文网首页
justify-content: space-evenly 兼容

justify-content: space-evenly 兼容

作者: HelloHL | 来源:发表于2020-01-16 10:52 被阅读0次

justify-content 属性定义了浏览器如何分配顺着父容器主轴的弹性元素之间及其周围的空间。

space-evenly: 均匀排列每个元素,每个元素之间的间隔相等

space-between: 均匀排列每个元素,首个元素放置于起点,末尾元素放置于终点
兼容解决如下:

box{
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between;
       //justify-content: space-evenly;
      &:before,
      &:after {
          content: '';
          display: block;
    }
}

相关文章

网友评论

      本文标题:justify-content: space-evenly 兼容

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