CSS3不得不说的分栏

CSS3分栏

基本属性

    -------------
      columns
    -------------
    columns: column-width column-count;
    column-width: 分栏的宽度
    columns-count: 分栏的个数

    --------------
      column-gap
    --------------
    column-gap: 分栏之间的间隔  

    ----------------
      column-rule
    ----------------

    column-rule: column-rule-color column-rule-style column-rule-width;

    column-rule-color: 分栏之间分割线的颜色
    column-rule-style: 分栏之间分割线的样式
    column-rule-width: 分栏之间分割线的宽度

    -----------------
      column-fill
    -----------------

    column-fill: auto | balance;（分栏的高度）  

实现的效果