设置display:flex后 flex布局设置单个子元素靠右

比如有三个元素:

<div>

  <div></div>

  <div></div>

  <div></div>

</div>

最外层的设置display:flex,水平排列,子元素前两个靠左,第三个靠右

有两种方式实现,第三个元素设置

// 方法一
margin-left: auto;
// 方法二
flex: 1;
text-align:right

 

posted @ 2022-10-23 23:09  唯一客服系统开发笔记  阅读(4327)  评论(0编辑  收藏  举报