项目场景:
本来是一个很简单的场景,让一个flex的子元素居右显示,按照习惯,直接用了justify-content:right属性,完事。后来测试说位置不对,我一看,竟然跑到左边去了
正确的是下方图片,在右边的位置
解决方案:
试了好一会的问题,才发现是是要这样写:justify-content: flex-end;把right改成flex-end—完美解决,电脑也没问题,手机真机也没问题
.userBannerContainer_noneStatus{
margin-top: 10px;
display: flex;
justify-content: flex-end;
align-items: start;
}