flex基础总结

基本概念

/* 块级元素 */
.box {
   
  dispaly: flex;
}

/* 行内元素 */
.box {
   
  dispaly: inline-flex;
}

Flex布局，也叫"弹性布局"，用来为盒模型提供最大的灵活性
任何一个容器都可以指定为Flex布局
当父元素被设为flex布局后，子元素的float、clear和vertical-align属性都会失效
采用 Flex 布局的元素，称为 Flex 容器，简称为"容器"，它的所有子元素自动成为容器成员，称为 Flex 项目，简称为"项目"