CSS grid-template-areas属性
-
-
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。属性 IE/Edge Chrome FireFox Safari Opera 属性名称 grid-template-areas 16.057.052.010.044.0 -
CSS语法
grid-template-areas: none|itemnames; -
实例
使命名项“myArea”跨越五列网格布局中的两列:
尝试一下.item1 { grid-area: myArea; } .grid-container { display: grid; grid-template-areas: "myArea myArea . . ."; }
-
属性值
属性值 描述 none 默认值。 没有命名的网格区域 itemnames 一个序列,指定每个列和行应如何显示 -