模板:CSS3 multiple column layout

本模板使用了CSS3多栏布局效果
支持该效果的浏览器如下表,
不支持的会始终显示单栏但不会混乱
属性 Internet
Explorer
Firefox Safari Chrome Opera
column-width
column-count
≥ 10

(2012) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 1.5
(2005) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 3
(2007) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 1
(2008) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 11.1
(2011)

columns ≥ 10

(2012) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 9
(2011) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 3
(2007) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 1
(2008) || class="table-yes" style="text-align:center; background:#90FF90"|≥ 11.1
(2011)

break-before
break-after
break-inside
≥ 10

(2012) || style="background: #ffff90; color: black; vertical-align: middle; text-align: center; " class="table-maybe"|≥ 65
(2019)

class="table-yes" style="text-align:center; background:#90FF90"|≥ 10

(2016) || style="background: #ffff90; color: black; vertical-align: middle; text-align: center; " class="table-maybe"|≥ 65
(2016)

style="background: #ffff90; color: black; vertical-align: middle; text-align: center; " class="table-maybe"|≥ 15

(2013)


文档图示 模板文档[创建]