Grid布局入门
最近在网上看了Grid的入门基础, 做一下笔记自己记录下。
前面的话
有了 grid 以后可以更简单的完成复杂页面的二维布局。 而不需要去抠1px的margin、padding,而头痛许久。
本文通过几个小例子进行演示
创建HTML结构
首选创建一个class为box的div 里面有9个class为content的子div; 友好的是grid依然可以配置flex使用; 我们为.contet的写上一些样式; 代码如下
HTML 代码:
1234567891011<div class="box"> <div class="content">1</div> <div class="content">2</div> <div class="content">3</div> <div class="content">4</div> <div class="c ...
