潮人街

父元素设置了flex 布局

display: flex;
align-items: center;

如何让某个子元素靠右呢?

方法一

flex: 1;
text-align: right;

方法二

margin-left: auto;

小结：

· 父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排；

· 若想让父盒子里的某一个盒子靠右显示，其他盒子居左， 只需要在父盒子里面，加入display: flex，在想要移动的盒子里面，加入margin-left: auto即可；

· 同理，如果你想让第一个盒子向左显示，其余盒子都向右显示，只需要给左边的第一个盒子设置 margin-right:auto即可；