17 使用CSS3多列布局屬性
通過 CSS3，您能夠創(chuàng)建多個列來對文本進(jìn)行布局，就像報紙那樣！在CSS2時代，對于多列布局的設(shè)計，大多采用浮動布局和絕對定位布局兩種方式。浮動布局比較靈活，但是需要編寫大量的附加樣式代碼，而且在網(wǎng)頁縮放等操作下容易發(fā)生錯位，影響網(wǎng)頁整體效果。絕對定位方式要精確到標(biāo)簽的位置，但固定標(biāo)簽位置的方式無法滿足標(biāo)簽的自適應(yīng)能力，也影響文檔流的聯(lián)動。CSS3新增columns屬性，即多列自動布局功能，利用多列布局屬性可以自動將內(nèi)容按指定的列數(shù)排列（例:columns: 250px 3;250px表示的是列寬，3表示的是多列的數(shù)目）?？梢越Y(jié)合column-gap屬性定義列之間的間距、使用column-rule屬性可以定義每列之間邊框的寬度、樣式和顏色。
44.png
