教你CSS Grid布局实现响应式设计

columns(列) 和 rows(行) 为了使其成为二维的网格容器,我们需要定义列和行。让我们创建3列和2行。我们将使用grid-template-row和grid-template-column属性。 .wrapper { display: grid; grid-template-columns: 100px 100px 100px; grid-template-rows: 50px 50px; } grid-template-columns的3个值表示三列,相应的数值表示列宽即都为100px。 grid-template-rows的2个值表示两行,相应的数值表示行高即都为50px 可