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是强制中断发生在元素之前或之后