column-span 属性用于指定一个元素是否跨越多列显示。当设置为 all 时，元素将跨越所有列显示，而不是被分割成多个列显示。
语法
------- - ------------ --- - ----- -
all：元素将跨越所有列显示。none：元素将按照正常的列布局显示。
示例
--------- -----
----- ----------
------
----- ----------------
----- --------------- ---------------------------- -------------------
------------- ---- ---------------
-------
-------- -
------------- --
-
----- -
------------ ----
----------------- ----------
-
--------
-------
------
---- ----------------
---- -------------
------- -- - --------- ---- ----- ------ ---- ------------
------- -- ------- --------- ---- ---- ----- ------ ---- ------------
------
------- -- - ------- --------- ---- ------- --- ------- ------------
------
-------
-------在上面的示例中，.span 类的元素跨越了两列显示，背景颜色为浅蓝色。.content 类的元素设置了 column-count: 2;，使内容分成两列显示。
column-span 属性在处理多列布局时非常有用，可以通过设置跨列显示的元素来突出显示某些内容，提高页面的可读性。