【CSS】flex布局使得一个元素向左靠齐，两个以上元素向右靠齐_display:flex,子元素一个左对齐,两个右对齐

作者：你好赵伟 | 2024-08-19 14:08:49

踩

display:flex,子元素一个左对齐,两个右对齐

场景

一个li父节点，里边有input元素和两个button元素。

input放在左边，两个button放在最右边

先将父元素的布局方式设置为flex，并向右靠齐

li {
  display: flex;
  justify-content: flex-end;
  ...
}
1
2
3
4
5

设置完后效果如下：

请添加图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/1002620