html5間距和規(guī)則
作者:佚名 時(shí)間:2014-06-13 分享到:
兩欄之間會(huì)有默認(rèn)的1em間距,通過設(shè)置column-gap屬性可以更改間距.此屬性鍵值為一個(gè)長度,其可以凌駕兩欄之間的間隔至設(shè)定值,以下為救命代碼:
e{column-gap:2em;}
也可通過column-rule屬性在每兩欄之間添加分割線,這被稱為規(guī)則(rule).其效果與css2.1里的border屬性雷同,并同樣需要3個(gè)參數(shù)-width,style和color-但本屬性只適用于欄間垂直的分割線,而非四周的邊界,所以若要在每兩欄間增加一條2像素寬的灰色虛線,則代碼如下:
e{coumn-rule:2px dotted gray;}
使用column-gap屬性時(shí),間隔寬度在侵害線兩側(cè)是相等的,此例中,每兩欄之間共有2em的間隔,則在2像素的侵害線每側(cè)各有1em.
如沒特殊注明,文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自:http://www.ktcbnqb.cn/hynews/20151126/n3346.html