单个 Flex 容器内有三个内联的靠右对齐的按钮,成果如图:
如想让红色按钮靠左,而另外两个蓝色按钮放弃靠右
这个时候咱们能够为红色按钮独自加上:margin-right: auto;
成果如图:
此成果的原理是:
margin-right
不设置的话默认是 0,父容器 width
定宽之后,margin-right
取值为 auto,则主动占据了残余的全副宽度
单个 Flex 容器内有三个内联的靠右对齐的按钮,成果如图:
如想让红色按钮靠左,而另外两个蓝色按钮放弃靠右
这个时候咱们能够为红色按钮独自加上:margin-right: auto;
成果如图:
此成果的原理是:
margin-right
不设置的话默认是 0,父容器 width
定宽之后,margin-right
取值为 auto,则主动占据了残余的全副宽度