• 这几天在公司闲暇之余,切了公司的一个页面。里面有一处布局,让我不想用传统的方式来实现,于是我在百度寻求别的实现方法(因为我只是个垃圾PHP,我也很绝望啊...)
  • 然后看到了Grid网格布局...相比Flex弹性布局来说,私认为Grid的布局方式就更加灵活与强大。不过Flex有的优势Grid可能也太好实现...(可能是我这个垃圾PHP以偏概全)
  • Flex可以用极少的代码实现水平/垂直居中,这点我在Grid中没有发现,但是Grid可以实现的栅栏布局,用Flex可能就有些麻烦了,不过我认为以后前端的发展趋势可能就是Flex+Grid了。

话不多说,我们开始转入正题。

声明一个gird非常简单,以下代码就是一个栅栏盒子了。当然,这只是开始!
.demo{display:grid;}
Gird与Flex一样,当你定义之后,内元素的float、clear等属性一样会失效。Grid也同样有row和column的属性。
...突然乏困,等我到了广州之后闲暇之余在更新吧...