父元素为flex布局时,设置最后一个子元素靠右,其他靠左

父元素样式(注意宽度必须指定才行):

{
  width: 100vw;
  display: flex;
  justify-content: flex-right;
}

最后一个子元素样式:

{
  margin-left: auto;
  margin-right: 1rem;// 合适即可
}

效果:

posted @ 2021-12-30 09:24  pangqianjin  阅读(887)  评论(0编辑  收藏  举报