发表于: 2023-08-30 09:49:51

0 6970


九宫格的实现

1、display:flex;使用flex布局,配合justify-content:space-around; 将一行的三个格子按比例展示;

2、格子设置宽度为30%,使得宽度为浏览器的宽度的30%

3、height使用vm为单位的长度,等同于行款的30%,使得格子是正方形;

4、border-radius,设置格子圆角;

5、background-color,设置背景色


返回列表 返回列表
评论

    分享到