CSS3 grid-columns属性笔记

原创 国哥笔记  2019-02-10 19:52  阅读 239 views 次

grid-columns属性定义及用法

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

grid-columns属性是css3中新增属性,目前主流浏览器都还不支持该属性。

grid-columns属性语法格式

  1. css语法:grid-columns: length|%|none|inherit;
  2. JavaScript语法:object.style.gridColumns="50% * * 200px";

grid-columns属性值说明

  • length:参考包含块的网格;
  • %:参考包含块的宽度;
  • none:无;
  • inherit:从父元素继承该属性的属性值;

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-grid-columns.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情