css中flex布局右对齐方式

发表于 阅读次数： 本文字数： 178 阅读时长 ≈ 1 分钟
前言

最近在做前端项目中遇到过一个问题，使用flex布局时，设置右对齐方式应该如下，justify-content: flex-end时，但是并没有生效

解决

需要同时设置左边距为auto

1
margin-left: auto;
原理

margin-left如果不设置的话默认就是0，父容器width定宽后，margin-left取值为auto，则会自动占据剩余的全部宽度