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

唯一Chat

发布于 2022-10-31 14:54:57

1.9K0

发布于 2022-10-31 14:54:57

文章被收录于专栏：陶士涵的菜地

比如有三个元素：

<div>

</div>

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

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

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-10-23，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度