第9章 css3多列布局
break-before、break-after、break-inside属性理解
他们的功能与page-break-before、page-break-after、page-break-inside三个属性相同，即设置属性元素前/后/内部进行分页
column-width、column-count的特殊情况
- 当容器超出列宽时，会以多行显示，若容器宽度小于设置的列宽时，容器将只显示为一行
- 若容器没有足够宽的空间来包含具有指定宽度的列数，则会按实际显示，随着浏览器窗口大小变化时，容器列数也变化，但最大列数不会超过column-count属性设置的列数，可认为column-count属性设置了最大列数；
- 列数=（容器宽度-间距）/列边距，若得到小数，则去余取整
- 若是column-count显示设置，总是显示固定的列数
column-gap与margin的区别
column-gap主要用于元素多列之间间距设置，不能用于元素与元素之间的设置
margin主要用于元素与元素之间的设置 不能用于元素多列之间间距设置
