码迷,mamicode.com
首页 > 其他好文 > 详细

初识grid布局

时间:2018-09-24 23:16:30      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:code   grid   布局   spl   bsp   创建   ems   地方   需要   

      Grid 布局是网站设计的基础,CSS Grid 是创建网格布局最强大和最简单的工具。

      CSS Grid 布局由两个核心组成部分是 wrapper(父元素)和 items(子元素)。 wrapper 是实际的 grid(网格),items 是 grid(网格) 内的内容。要把 wrapper 元素变成一个 grid(网格),只要简单地把其 display 属性设置为 grid 即可。为了使其成为二维的网格容器,我们需要定义列和行,并且自己设定高度和宽度。然后学习的是如何在 grid(网格) 上放置 items(子元素) 。这里才是体现 Grid 布局能力的地方,因为它使得创建布局变得非常简单。

初识grid布局

标签:code   grid   布局   spl   bsp   创建   ems   地方   需要   

原文地址:https://www.cnblogs.com/xichen25/p/9696930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!