Deprecated grid-column-span#

介绍#

在网格布局中，指定网格项目的列跨度。用于简化开发，W3C 没有这个属性。

当网格项目指定了 grid-column-start 和 grid-column-end 时，此属性失效。

当在 grid-column-start 或 grid-column-end 中使用带有 span 关键字的值时，不能同时使用 grid-column-span 属性，否则会出现不符合预期的行为。

使用示例#

css-apisrc/grid-column-span/App.tsx

预览

语法#

/* <number> values */
grid-column-span: 1;
grid-column-span: 2;

取值#

• <number>

  <number> 整数数字，表示网格项目在列方向上的跨度。暂不支持负数。

形式定义#

形式语法#

与 Web 的区别#

• Web 没有这个属性。

兼容性#

常见问题#

• 当网格项目指定了 grid-column-start 和 grid-column-end 时，此属性失效。

• 当在 grid-column-start 或 grid-column-end 中使用带有 span 关键字的值时，不能同时使用 grid-column-span 属性，否则会出现不符合预期的行为。