HTML&CSS

一、水平垂直居中 (1) 行内/行内块级/图片 (2) 定位 (3) flex 二、两列布局 2.1 左定宽、右自适应 效果图 （1）float方式 清除浮动代码 （2）table方式 （3）定位方式

一、概述 任何一个容器都可以指定为 Flex 布局。 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 二、基本概念 容器默认存在两根轴：水平的

theme: 人生如戏 网格布局-Grid display 属性 fr 单位 属性概念图 相关属性 grid-area & grid-template-area grid-template-rows