grid
英 [grɪd] 美 [ɡrɪd]
n.格子,非实质的;地图上的坐标方格;(输电线路、天然气管道等的)系统网络
复数: grids
columns
英 ['kɒləm] 美 ['kɒləm]
n.栏;纵队;柱( column的名词复数 );(舰队的)纵列
css grid-columns属性 语法
作用:规定网格中每个列的宽度。
语法:grid-columns: length|%|none|inherit;
说明:length 参考包含块的网格。 % 参考包含块的宽度。
注释:使用网格系统对于打印设计师来说具有巨大的价值。现在相同的改变被应用到在线内容上。网格属性提供了在可伸缩网格中调整标题、文本和图片尺寸和位置的能力。目前没有浏览器支持 grid-columns。
css grid-columns属性 示例
//在 div 元素中部添加一个网格行,距右侧 200 像素处添加另一个,在余下空间的中间再添加一个: div{grid-columns:50% * * 200px;}
热门推荐
- 如何设置Grid Layout (网格布局)列的最小宽度
- CSS布局中flex、grid以及float属性之间的差别是什么
- 在CSS网格布局中如何使用grid-template-*属性
- CSS Grid网格布局是什么
- css grid布局的优缺点是什么?
- 浅谈CSS3 Grid网格布局(display: grid)的用法