6、跨列設置column-span
column-span主要用來定義一個分列元素中的子元素能跨列多少。column-width、column-count等屬性能讓一元素分成多列,不管裡面元素如何排放順序,他們都是從左向右的放置内容,但有時我們需要基中一段内容或一個標題不進行分列,也就是橫跨所有列,此時column-span就可以輕松實現。
此屬性的語法:
column-span: none | all
取值說明:
屬性值 | 屬性值說明 |
none | 此值爲column-span的默認值,表示不跨越任何列。 |
all | 這個值跟none值剛好相反,表示的是元素跨越所有列,並定位在列的z軸之上。 |
例如:將第一個標題跨越所有列,代碼:
column-span:all;
效果如下: