a976134036的博客

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

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