购物车
登陆 / 注册
微信扫码登陆

推荐手册

grid-columns

grid-columns
grid-columns属性指定网格中的每一列的宽度。目前没有主流浏览器支持grid-columns属性。
编辑:前端控 前端控 更新时间:2019-01-26 17:50:20

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;
}

运行实例 »

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

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号