最强大的 CSS 布局 —— Grid 布局

代码以及效果如下： .wrapper-4 { display: grid; grid-template-columns: 1fr 1fr minmax(300px, 2fr); grid-gap 只是方向为垂直方向 start - 对齐容器的起始边框 end - 对齐容器的结束边框 center - 容器内部居中 .wrapper, .wrapper-1, .wrapper-2, .wrapper-3, .wrapper ，项目与容器边框之间也是同样长度的间隔 stretch - 项目大小没有指定时，拉伸占据整个网格容器 .wrapper-3 { justify-content: space-around; } .wrapper