CSS3 column-span 灞炴


瀹炰緥

璁剧疆h2涓殑鎵鏈塻pan鍏冪礌

h2
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}

灏濊瘯涓涓 禄
鍦ㄦ椤靛簳閮ㄦ湁鏇村鐨勪緥瀛愩

娴忚鍣ㄦ敮鎸

大发快三计划群—官方网址22270.COM琛ㄦ牸涓殑鏁板瓧琛ㄧず鏀寔璇ュ睘鎬х殑绗竴涓祻瑙堝櫒鐗堟湰鍙枫

绱ц窡鍦 -webkit-, -ms- 鎴 -moz- 鍓嶇殑鏁板瓧涓烘敮鎸佽鍓嶇紑灞炴х殑绗竴涓祻瑙堝櫒鐗堟湰鍙枫

灞炴
column-span 50.0
4.0 -webkit-
10.0 Not supported 9.0
3.1 -webkit-
37.0
15.0 -webkit-
11.1

灞炴у畾涔夊強浣跨敤璇存槑

column-span灞炴ф寚瀹氭煇涓厓绱犲簲璇ヨ法瓒婂灏戝垪銆

榛樿鍊: 1
缁ф壙: no
鐗堟湰: CSS3
JavaScript 璇硶: object.style.columnSpan="all"


璇硶

column-span: 1|all;

鎻忚堪
1 鍏冪礌搴旇法瓒婁竴鍒
all 璇ュ厓绱犲簲璇ヨ法瓒婃墍鏈夊垪


Examples

鏇村瀹炰緥

Column-count
div鍏冪礌鐨勬枃鏈垎鎴愪笁鍒椼

Column-gap
鍦╠iv鍏冪礌鐨勬枃鏈垎鎴愪笁鍒楋紝骞舵寚瀹氫竴涓30鍍忕礌鐨勫垪涔嬮棿鐨勫樊璺濄傘

Column-rule
鎸囧畾鍒椾箣闂寸殑瑙勫垯锛氬搴︼紝鏍峰紡鍜岄鑹


鐩稿叧鏂囩珷

CSS3 鏁欑▼: CSS3 Multiple Columns