HTML5间距和规则

时间：2014-6-13

    两栏之间会有默认的1em间距,通过设置column-gap属性可以更改间距.此属性键值为一个长度,其可以凌驾两栏之间的间隔至设定值,以下为救命代码:
   E{column-gap:2em;}
   也可通过column-rule属性在每两栏之间添加分割线,这被称为规则(rule).其效果与CSS2.1里的border属性雷同,并同样需要3个参数-width,style和color-但本属性只适用于栏间垂直的分割线,而非四周的边界,所以若要在每两栏间增加一条2像素宽的灰色虚线,则代码如下:
   E{coumn-rule:2px dotted gray;}
   使用column-gap属性时,间隔宽度在侵害线两侧是相等的,此例中,每两栏之间共有2em的间隔,则在2像素的侵害线每侧各有1em.