![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
爬虫组的小前端
这个作者很懒,什么都没留下…
展开
-
前端布局-----flex布局
1.flex布局是什么:flex布局意为弹性布局,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局。设为flex布局后,子元素的float,clear,vertical-align属性将失效2.容器的属性:1.flex-direction:决定主轴的方向2.flex-wrap属性:默认情况下,项目都排在一条线上,属性定义如果一条轴线排不下,如何换行...原创 2018-06-14 21:44:07 · 997 阅读 · 0 评论 -
前端布局-----Grid布局
1.什么是网格:1.固定的位置和弹性的轨道的大小:可以使用固定的轨道尺寸创建网格,比如使用像素单位,也可以使用比如百分比或者专门为此目的创建的新单位fr来创建弹性尺寸的网格。2.元素位置:可使用行号行名来标定一个网格区域来精确定位元素2.网格容器:我们通过在元素上声明display: grid或者display:inline-grid来创建一个网格容器。所有的直系子元素将成为网格元素。3.网格轨道...原创 2018-06-15 10:37:34 · 661 阅读 · 0 评论