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