CSS 3 grid-columns 属性

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

使用网格系统对于打印设计师来说具有巨大的价值

现在相同的改变被应用到在线内容上

网格属性提供了在可伸缩网格中调整标题、文本和图片尺寸和位置的能力

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

语法

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


值说明

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

范例

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

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


浏览器支持

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


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_370

目录选择