CSS grid-columns属性


属性定义及使用说明

grid-columns属性指定网格中的每一列的宽度。

提示: 使用网格系统对于打印设计师来说具有巨大的价值。现在相同的改变被应用到在线内容上。网格属性提供了在可伸缩网格中调整标题、文本和图片尺寸和位置的能力。

默认值:none
继承:no
版本:CSS3
JavaScript 语法:object.style.gridColumns="50% * * 200px"



浏览器支持

incompatible_safari.gifincompatible_firefox.gifincompatible_opera.gifincompatible_chrome.gifincompatible_safari.gif

目前没有主流浏览器支持grid-columns属性。


语法

grid-columns: length|%|none|inherit;

属性值

描述
length参考包含块的网格。
%参考包含块的宽度。
none
inherit



为div元素添加网格线,一个右侧200像素,另一个在剩余空间中:

实例

div
{
grid-columns:50% * * 200px;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例