📜  命名网格并分配它们 - 任何代码示例

📅  最后修改于: 2022-03-11 14:57:09.709000             🧑  作者: Mango

代码示例1
.wrapper {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:
      "hd hd hd hd   hd   hd   hd   hd   hd"
      "sd sd sd main main main main main main"
      "ft ft ft ft   ft   ft   ft   ft   ft";
}