摘要： 一、多列属性： 1：列数： column-count:; 2:列间距： column-gap:; 3:列分割线： column-rule: 4:控制每一列的列的高度是否统一： column-fill:; auto 列高度自适应内容 balance 有列的高度以其中最高的一列统一 5:跨列： colu 阅读全文

摘要： 一、怪异盒模型： 1）触发怪异盒模型： box-sizing:border-box; 2）怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把盒子撑大。 3）box-sizing: 属性值： box-sizing:content-box; 常规盒模型 box-sizing:bo 阅读全文

摘要： 一、弹性盒子：布局方案。 ①作用：控制离它最近的一层子元素,布局方式。 ②特点： a：弹性盒子里面的离它最近的一层子元素都可以添加大小。 b: 如果想让弹性盒子里面的一个子元素左右上下居中，只需要给子元素添加margin:auto即可 c: 弹性盒子里面的子元素都是沿着“主轴”排列 ③注：a."主轴 阅读全文