CSS布局 Grid与flex(二)

一 Grid布局与flex布局:https://zhuanlan.zhihu.com/p/46757975

布局的传统解决方案,是基于盒状模型,依赖display + position + float,但它对于那些特殊的布局非常不方便,比如,垂直居中实现起来很麻烦。

display: grid指定一个容器采用网格布局。设为网格布局以后,容器子元素(项目)的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效。

CSS Grid网格布局教程:https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html

 

 

 

 

 

 

 

posted @ 2021-04-14 15:31  TerryMin  阅读(1181)  评论(0编辑  收藏  举报