小程序里如何写这种?

image.png
这个用flex布局怎么写?

阅读 1.4k
2 个回答

设置每一个小块宽度为20%,然后给父级设置
display:flex;
flex-wrap:wrap;

父元素设置如下CSS样式,子元素设置宽度20%即可。

.nav {
  display: flex;
  flex-wrap: wrap;
}
.nav .navItem {
  width: 20%;
}

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题