跳至內容

模板: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)


文件圖示 模板文件[建立]