CSS3 grid-columns

🌙
手机阅读
本文目录结构

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

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

抖音

朱安邦

Anbang