CSS | 列跨度属性

CSS中的列跨度属性（column-span property）指定一个元素是否横跨所有列，而不是只横跨一列。

语法

column-span: none | all;

• none（默认值）：元素不横跨所有列
• all：元素横跨所有列

例子

以下示例将第二个 p 元素设置为横跨所有列：

<p>这是第一个段落，不跨列。</p>
<p style="column-span: all;">这是第二个段落，横跨所有列。</p>

效果如下：

注意事项

• 该属性仅适用于多列布局（通过 column-count 或者 column-width 属性创建）
• 该属性不能在表格中使用

浏览器兼容性

该属性在IE浏览器中不支持。在其他现代浏览器中，该属性均得到支持。

参考资料

• CSS 列跨度属性（菜鸟教程）
• column-span（MDN）