其他分享
首页 > 其他分享> > flex布局justify-content使用between或者around,最后一行左对齐

flex布局justify-content使用between或者around,最后一行左对齐

作者:互联网

问题:在使用flex布局,justify-content:space-between/space-around 最后一行的子元素,经常不是我们想要的。我们希望最后一行是左对齐。

解决办法:

办法1:使用grid布局

 .wrap {
    width: 100%;     border: 1px solid royalblue;     display: grid;     grid-gap:20px 20px;     justify-content: space-between;     grid-template-columns: repeat(auto-fill, 200px);   }   .wrap div {     width:200px;     height:200px;     border:1px solid royalblue;   }


如图效果:

 

标签:flex,around,space,content,grid,between,justify,200px
来源: https://www.cnblogs.com/aries-web/p/16444118.html