首页 > 其他分享 >设置display:flex后 flex布局设置单个子元素靠右

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

时间:2022-10-23 23:24:05浏览次数:48  
标签:flex 元素 第三个 靠右 设置 display

比如有三个元素:

<div>

  <div></div>

  <div></div>

  <div></div>

</div>

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

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

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

 

标签:flex,元素,第三个,靠右,设置,display
From: https://www.cnblogs.com/taoshihan/p/16820008.html

相关文章