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

补发————grid布局

时间:2018-10-28 16:07:50      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:不同的   block   出现   bubuko   元素   居中   img   系统   inline   

CSS Grid布局是CSS中最强大的布局系统。与flexbox的一位布局不同的是CSS Grid布局是一个二维布局系统,即它可以同时处理列和行。通过将CSS规则应用于父元素和其子元素,就可以轻松使用Grid布局。

CSS一直以来布局网页就存在很多问题,如表格table,浮动float,定位position和内嵌inline-block,但这些都只是hack而已,并遗漏了很多重要功能(例如垂直居中),Flexbox的出现很大程度上改变了我们的布局,但只是一维布局而已,Grid布局是第一个解决二维布局的CSS模块。

实例

技术分享图片

补发————grid布局

标签:不同的   block   出现   bubuko   元素   居中   img   系统   inline   

原文地址:https://www.cnblogs.com/zuiqiangwnagzong/p/9865685.html

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