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

2022-09-20 21:16:26 浏览数 (2)

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

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

方法2:

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

0 人点赞