# CSS3 grid-columns 属性 ## 实例 在 div 元素中部添加一个网格行，距右侧 200 像素处添加另一个，在余下空间的中间再添加一个： ``` div { grid-columns:50% * * 200px; } ``` ## 浏览器支持 目前没有浏览器支持 grid-columns。 ## 定义和用法 grid-columns 属性网格中每列的宽度。 提示：使用网格系统对于打印设计师来说具有巨大的价值。现在相同的改变被应用到在线内容上。网格属性提供了在可伸缩网格中调整标题、文本和图片尺寸和位置的能力。 | 默认值： | none | | --- | --- | | 继承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 语法： | _object_.style.gridColumns="50% * * 200px" | | --- | --- | ## 语法 ``` grid-columns: _length_|_%_|none|inherit; ``` | 值 | 描述 | | --- | --- | | _length_ | 参考包含块的网格。 | | _%_ | 参考包含块的宽度。 | | none | | inherit |