关于css:Flex布局实现一部分元素左对齐一部分右对齐

单个Flex容器内有三个内联的靠右对齐的按钮,成果如图:

如想让红色按钮靠左,而另外两个蓝色按钮放弃靠右

这个时候咱们能够为红色按钮独自加上:margin-right: auto;

成果如图:

此成果的原理是:

margin-right不设置的话默认是0,父容器width定宽之后,margin-right取值为 auto ,则主动占据了残余的全副宽度

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理