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