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

grid-template-columns: 100px auto 100px 表示第一第三列为 100px，中间由浏览器决定长度，代码以及效果如下： .wrapper-5 { display: grid 对齐容器的起始边框 end - 对齐容器的结束边框 center - 容器内部居中 .wrapper, .wrapper-1, .wrapper-2, .wrapper-3, .wrapper-4, .wrapper 拉伸占据整个网格容器 .wrapper-3 { justify-content: space-around; } .wrapper-4 { justify-content: space-between; } .wrapper