html5间距和规则
作者：佚名 时间：2014-06-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.
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/hynews/20151126/n3346.html
