a976134036的博客

Flex布局是轴线布局，只能指定“项目”针对轴线的位置，可以看作是一维布局。Grid布局则是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局。Grid布局远比Flex布局强大。基本概念容器和项目采用网格布局的区域，称为容器。容器内部采用网格定位的子元素，称为项目。<div> <div><p>1</p></div> <div><p>2</p></div&

概念采用Flex布局的元素，称为Flex容器。它的所有子元素自动成为容器成员，称为Flex项目。容器的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性该属性决定主轴的方向（及项目的排列方向）.box{ flex-direction: row | row-reverse | column | column-reverse}共有4个值row：主轴