-
grid-column-start <number> | <name> | <span number> | <span name>
-
grid-column-end
-
grid-row-start
-
grid-row-end
合写
-
grid-column: <start-line> / <end-line> | <start-line> / span <value>;
-
grid-row: <start-line> / <end-line> | <start-line> / span <value>;
.a{ grid-row: 1/span 2;}
- grid-area: <name> | <row-start> / <column-start> / <row-end> / <column-end>; 在grid-template-areas中定义的name 或者 起始终止Grid Line的合写
.a{grid-area: 2 /2 /4/span 2;}
- justify-self 沿着行轴对齐Grid内的内容
- align-self 沿着列轴
网友评论