justify-content: space-between; 布局问题

来源：12-5 更多电影（4）Flex布局对于普通样式类的影响

YAYO老祖

2022-03-13

.container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 30rpx 28rpx;
  justify-content: space-between;
}

如果数量不刚好是3的倍数的话，justify-content: space-between; 布局会这样

图片描述

写回答

3回答

7七月

2022-03-14

已采纳

这个没什么太好的办法，有个办法是强行获取最后一个元素，然后单独修改他的位置

oldfu

2022-06-30

换成grid布局

YAYO老祖

提问者

2022-03-14

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30rpx 28rpx;
}
.container:after {
  content: "";
  width: 33%;
}

微信小程序入门与实战（全新版）超20000人学习的好课

4年同步微信官方迭代，累计20000+人学习，比微信官方更火爆！

23963 学习 · 6930 问题

查看课程

相似问题

flex 按钮文字居中

回答 1

flex布局 justify-content:： space-around 数据显示问题

回答 1

微调问题

回答 1

微信小程序支持cas3的grid 布局吗？

回答 1

flex盒子布局遇到几个问题

回答 1

打开慕课网App查看更多内容