最近搞移动端适配，被Flexbox整得死去活来，原来子元素设置flex: 1能让高度自适应这么简单？[叹气] 之前还手动

长孙玉英Lv1 2026-01-30 20:41:15

最近搞移动端适配，被Flexbox整得死去活来，原来子元素设置flex: 1能让高度自适应这么简单？之前还手动算高度，现在终于明白什么叫一行代码解决问题。试了下flex-wrap: wrap配合justify-content: space-between，布局清爽多了。不过还是有坑，比如某些老版本浏览器不兼容... 做前端真的得时刻更新知识库啊，不然就跟不上节奏

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item {
  flex: 1 1 45%;
  margin-bottom: 10px;
}

反馈