css3 -- 多列

1、指定分列：

 E{column-count：2；} --- 两列

 E{
    -moz-column-count：2；
    -webkit-column-count：2；
 }

Firefox与webkit实现

2、动态分列

 E{column-width：100；}
 p{
    column-width：100px；
    width：950px；
 }

列的宽度其实不仅仅100，会根据950px进行一些调整

3、列间隔与分界线

 间隔
 E{column-gap：2em；}
 规则
 E{
    column-rule-width：length；
    column-rule-style：border-style；
    column-rule-color：color；
    column-rule：length border-style color；
 }

4、处理跨越不只一列的元素

 E{column-span：value；}
 value为1或all

 E{break-after：keyword；}
 E{break-before：keyword；}
 E{break-inside：keyword；}
 接受auto以及avoid值
 break-after以及break-before接受column
 avoid可以保证没有中断紧挨在指定元素之前或之后发生，column是强制中断发生在元素之前或之后