CSS - Flex

李鹏坤 / 2020-12-29


1
2
3
4
/* 使用 flex 布局 */
.box {
  display: flex;
}

Flex 布局的设计思想

main axis 主轴
cross axis 交叉轴

flex 布局设计思想 - 来源 css-tricks.com
flex 布局设计思想 - 来源 css-tricks.com

flex container 容器属性

flex item 项目属性