前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >flex布局设置单个子元素靠右显示

flex布局设置单个子元素靠右显示

原创
作者头像
4O4
发布2022-09-20 21:16:26
2.6K0
发布2022-09-20 21:16:26
举报
文章被收录于专栏:404404

在css布局中,如果父元素是flex布局,子元素按照默认顺序排序,这种情况下如何实现让某个子元素靠右显示?整理了两种方法分享给大家: 方法1:

代码语言:javascript
复制
.item{
   margin-left:auto;
}

方法2:

代码语言:javascript
复制
.item{
   flex: 1;
   text-align: right;
}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档