CSS 网格(Grid)学习记录

推荐学习网站:http://cssgridgarden.com

属性:

父元素属性:

  • grid-template-columns
  • grid-template-rows
  • grid-template:rows / columns

子(列)元素属性:

  • grid-column-start
  • grid-column-end
  • grid-column:start / end

子(行)元素属性:

  • grid-row-start
  • grid-row-end
  • grid-row:start / end

子(区域:列和行)元素属性:

  • grid-area:row-start / column-start / row-end / column-end
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 简介 CSS Grid布局 (又名"网格"),是一个基于二维网格布局的系统,旨在改变我们基于网格设计的用户界面方式...
    咕咚咚bells阅读 7,382评论 0 4
  • 简介CSS网格布局(又称“网格”),是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用...
    _leonlee阅读 65,612评论 25 173
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 8,369评论 0 59
  • 原文地址 注:此文是我翻译的第一篇技术文章。适合有一定CSS原生网格布局使用经验的开发者(读前需要先去了解一下原生...
    我不叫沒耐性阅读 4,119评论 0 2
  • 原文地址:Getting to know CSS Grid Layout 原文作者:Chris Wright 译者...
    iKcamp阅读 9,187评论 0 13

友情链接更多精彩内容