使用CSS3可以為你的網(wǎng)站創(chuàng)建多列，而不用為每列制定特定的層或段落。
與多背景圖片一樣，CSS3多列也是我最喜愛的一個(gè)技術(shù)。我想這條CSS3屬性有在報(bào)紙和雜志布局中以外的很多潛在的用途。如果你在某個(gè)想法或個(gè)人網(wǎng)站中使用了這種方法，請?jiān)谙旅娴脑u論中提交你的鏈接，我很高興能確認(rèn)這種方法能用于很多中布局中。
跨瀏覽器兼容性：
比較好的支持CSS3多列的瀏覽器有Firefox、Safari、Google Chrome，這樣我們就需要使用-moz和-webkit前綴了。
CSS3多列(寬度)
上面的截圖是使用了下面的CSS3樣式的效果：
#multiColumnWidth { text-align: justify; -moz-column-width: 20em; -moz-column-gap: 2em; -webkit-column-width: 20em; -webkit-column-gap: 2em; }
上面的截圖是使用了下面的CSS3樣式的效果：CSS3多列(列數(shù))
#multiColumnCount {
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #dedede;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #dedede;
}
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。