![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 85
蓝色bule
这个作者很懒,什么都没留下…
展开
-
grid布局
Flex布局是轴线布局,只能指定“项目”针对轴线的位置,可以看作是一维布局。Grid布局则是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局。Grid布局远比Flex布局强大。基本概念容器和项目采用网格布局的区域,称为容器。容器内部采用网格定位的子元素,称为项目。<div> <div><p>1</p></div> <div><p>2</p></div&原创 2021-06-29 21:54:56 · 109 阅读 · 0 评论 -
flex布局
概念采用Flex布局的元素,称为Flex容器。它的所有子元素自动成为容器成员,称为Flex项目。容器的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性该属性决定主轴的方向(及项目的排列方向).box{ flex-direction: row | row-reverse | column | column-reverse}共有4个值row:主轴原创 2021-06-29 16:38:47 · 80 阅读 · 0 评论