Grid 网格布局(子项)

grid-column-start(起始)grid-column-end(结束,span 属性,数值前加 span 表示的是网格大小)

    水平方向上占据的起始位置和结束位置(最左边的线是1,最上边的线是1)

    简写:grid-column:1 / 1;

grid-row-start(起始)grid-column-end(结束,span 属性,同上)

    垂直方向上的起始和结束位置()

    简写:grid-row:1 / span 1;

grid-area:水平起始 / 垂直起始 / 水平结束 / 垂直结束;

justify-self:

    单个网格元素的水平对齐方式

align-self:

    单个网格元素的垂直对齐方式

place-self:

    dlign-self 和 justify-self 的缩写

 

posted @ 2021-01-30 12:01  小_小白  阅读(215)  评论(0)    收藏  举报