zl程序教程

您现在的位置是:首页 >  .Net

当前栏目

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

2023-02-18 15:36:56 时间

比如有三个元素:

<div>

  <div></div>

  <div></div>

  <div></div>

</div>

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

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

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