Flex布局实现⼀部分元素左对齐，⼀部分右对齐  flex布局对齐方式
  在做⼀个列表的时候，单个Flex容器内有三个内联的靠右对齐的按钮，效果如图：
  ⽽我想让红⾊按钮靠左，⽽另外两个蓝⾊按钮保持靠右
  ⽅法A：
  为红⾊按钮单独加上：flex: 1
  此效果的原理是：利⽤flex:1，动态填充宽度
  ⽅法B：
  这个时候我们可以为红⾊按钮单独加上：margin-right : auto；
  效果如图：
  此效果的原理是：
  margin-right 不设置的话默认是0，⽗容器width 定宽之后，margin-right取值为 auto ，
  则⾃动占据了剩余的全部宽度 ------《css权威指南》

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。