#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

Code

预览

#语法

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

#取值

• <number>

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

#形式定义

#形式语法

grid-column-span = <number>

#与 Web 的区别

• Web 没有这个属性。

#兼容性

#常见问题

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

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