列跨度 | 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该元素不跨越多个列。
all元素横跨所有列。元素出现之前，出现在元素之前的正常流中的内容在所有列之间自动平衡。该元素建立一个新的块格式上下文。
形式语法
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 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
