2024-7-27 Grid布局

张志明456
127 阅读1分钟

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png justify-content和align-content是针对整个网格的水平垂直位置

justify-items和align-items是针对每个项目的水平垂直位置

image.png

image.png

image.png

image.png

image.png

image.png

image.png

实际开发中，我们对列表前面的div进行一个占位，对多出来的单元格直接删掉即可

avatar
文章
阅读
粉丝