布局
布局就是一种容器,里面可以放一些组件或者其他的布局。
弹性布局(flex布局):
默认首行左对齐
justify-content(左右的位置:center,flex-end)
align-items(上下的位置:center,flex-end)
网格布局(grid布局)
两个属性:
它可以将网页分为一个个网格,然后利用这些网格组合做出各种各样的布局。
grid-template-columns:用来指定列的宽度
grid-template-rows:用来指定行的高度