hooyantsing's Blog

P145_19_使用栅格区域命名自定义部署元素

字数统计: 68阅读时长: 1 min
2020/04/20

P145 19 使用栅格区域命名自定义部署元素

设定栅格区域名后,默认为区域边线命名,如下。

f9abfb0859c8e103c39a6b8994dc3342.png

例:

1
2
3
4
header{
    //起始行名 / 起始列名 / 结束行名 /结束列名
    grid-area: header-start / header-start / main-end / main-end;
}

效果

6839817c5e4180b5361acbcdae54c4b8.png

CATALOG