多列（Multi-column）： 将文本内容设计成像报纸一样的多列布局。
columns属性： 设置或检索对象的列数和每列的宽度。复合属性。
语法：columns: <'column-width'> || <'columns-count'>;
参数说明：第一个参数指每列的宽度，第二个参数指列数。可写两个，也可写一个。 不控制宽度，默认百分百。 两个参数优先考虑列数（在放的下的情况下）。若是宽度不够，将会自动减小一列，并自动加宽段落的宽度，使之达到容器的宽度。中间自动生成合适的间距。
CSS3多列布局 ／ 1-3 column-width
columns-width：<length> | auto默认;
<length>: 用长度值来定义列宽，不允许负值；
auto：根据列数自定分配宽度。 空隙为14像素，为什么在后面课堂。
CSS3多列布局 ／ 1-5 column-count
columns-count属性：设置或检索对象的列数。
语法：
column-count：<integer> | auto;
参数说明：
<integer>: 用整数值来定义列数，不允许负值；
auto：根据列宽自定分配宽度。 容器宽度足够的话，列宽在一定程度上使失效的。会自动平均铺满容器。
CSS3多列布局 ／ 1-7 column-gap
column-gap属性：设置或检索对象的列与列之间的间隙。
语法：column-gap：<length> | normal;
参数说明：用长度值来定义列与列之间的间隙（不是字与字间的距离，而是段落和段落间的距离），不允许负值；
normal：与字体大小相同。 normal间隙取决于字体大小。和字体大小相等。
CSS3多列布局 ／ 1-10 column-rule
column-rule属性：设置或检索对象的列与列之间的边框。复合属性。
column-rule：<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>;
参数说明：设置或检索对象的列与列之间的边框厚度，样式和颜色。 其实就是段落间的分隔线。若是这个分隔线的宽度，大于gap的宽度，则段落会盖住分隔线。不同浏览器兼容性不一样。
column-rule-width属性：设置或检索对象的列与列之间的边框厚度。
语法：column-rule-width：<length> | thin | medium | thick;
参数说明：
<length>：用长度值来定义边框的厚度，不允许负值；
medium：定义默认厚度的边框；
thin：定义比默认厚度细的边框；
column-rule-style属性：设置或检索对象的列与列之间的边框样式。
语法：column-rule-style：none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset；
参数说明：none：无轮廓；hidden：隐藏边框；dotted：点状轮廓；dashed：虚线轮廓；solid：实线轮廓；double：双线轮廓；groove：3D凹槽轮廓；ridge：3D凸槽轮廓；inset：3D凹边轮廓；outset：3D凸边轮廓。
注意：如果是有两条线的轮廓，width将会是包括了两条线的距离。
column-rule-color属性：设置或检索对象的列与列之间的边框颜色。
语法：column-rule-color：<color>; 参数说明：指定颜色。没有宽度没有样式，颜色将会失效。默认黑色。
CSS3多列布局 ／ 1-13 column-span
column-span属性：设置或检索对象元素是否横跨所有列。
语法：column-span：none | all；
参数说明：none：不跨列；all：横跨所有列。 用在容器里的子元素当中。
CSS3多列布局 ／ 1-16 column-fill
column-fill属性：设置或检索对象所有列的高度是否统一。
语法：column-fill: auto默认 | balance; 参数说明：auto：列高度自适应内容；balance：所有列的高度以其中最高的一列统一。
CSS3多列布局 ／ 1-18 column-break
column-break-before属性：设置或检索对象之前是否断行。
语法：column-break-before：auto | always | avoid；
参数说明：
auto：既不强迫也不禁止在元素之前断行并产生新列；
always：总是在元素之前断行并产生新列；
avoid：避免在元素之前断行并产生新列。
column-break-after属性：设置或检索对象之后是否断行。
语法：column-break-after：auto | always | avoid；
参数说明：
auto：既不强迫也不禁止在元素之后断行并产生新列；
always：总是在元素之后断行并产生新列；
avoid：避免在元素之后断行并产生新列。
column-break-inside属性：设置或检索对象内部是否断行。
语法：column-break-inside：auto默认 | avoid；
参数说明：
auto：既不强迫也不禁止在元素内部断行并产生新列；
avoid：避免在元素内部断行并产生新列（若元素内容过多也不换到下一段。）
