发表于： 2023-08-30 09:49:51
0 1090
九宫格的实现
1、display:flex；使用flex布局，配合justify-content:space-around; 将一行的三个格子按比例展示；
2、格子设置宽度为30%，使得宽度为浏览器的宽度的30%
3、height使用vm为单位的长度，等同于行款的30%，使得格子是正方形；
4、border-radius，设置格子圆角；
5、background-color,设置背景色
返回列表
评论