列跨度 | column-span
column-span
该column-span CSS特性使得我们可以为元素在所有列时，其值设置为跨越all。跨越多个列的元素称为生成元素。
/* Keyword values */
column-span: none;
column-span: all;
/* Global values */
column-span: inherit;
column-span: initial;
column-span: unset;
| 初始值 | 没有 |
|---|---|
| 适用于 | 流入块级元素 |
| 遗传 | 没有 |
| 媒体 | visual |
| 计算值 | 作为指定 |
| 动画类型 | 离散的 |
| 规范的顺序 | 逐个语法 |
语法
值
none该元素不跨越多个列。
形式语法
none | all
实例
h1, h2 {
column-span: all;
}
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Multi-column Layout ModuleThe definition of 'column-width' in that specification. | Candidate Recommendation | Initial definition |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | (Yes)-webkit 50.0 | (Yes)-webkit (Yes) | No support1 | 10 | 11.10 | (Yes) -webkit |
| Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | (Yes)-webkit | ? 50.0 | (Yes)-webkit (Yes) | No support1 | ? | 11.10 | (Yes)-webkit | (Yes)-webkit 50.0 |
