步驟二css3詳解多列布局chapter

慕課網(wǎng)慕課網(wǎng)是垂直的互聯(lián)網(wǎng)IT技能免費(fèi)學(xué)學(xué)習(xí)計(jì)劃、問答社區(qū) 特色。在這慕課網(wǎng)課程涵蓋前端開發(fā)、PHPHtml5、Android、iOS、Swift等IT前技術(shù)語言，包括基礎(chǔ)課程、實(shí)用案例、一個(gè)迅速提升技能、共 進(jìn)步的臺(tái)。以獨(dú) 編程工具慕課網(wǎng)秉承“開拓、創(chuàng)新、公平”，你可以找到最好的互聯(lián)網(wǎng)技術(shù)牛人， 三大類型，適合不同階段的學(xué)習(xí) 的精神，將互 性全面的應(yīng)用在教可以通過免費(fèi) 公 課程學(xué)習(xí) 群。以純干貨、 的形式為平臺(tái)特 領(lǐng)域，致力于為教育機(jī)構(gòu)及求學(xué)者打造內(nèi)領(lǐng)先的互聯(lián)網(wǎng)IT技術(shù) ，為在校學(xué)生、職場(chǎng)白領(lǐng)提供 站式互 教育品牌將文本內(nèi)容設(shè)計(jì)成像報(bào)紙一樣的多列布局IE10+、FireFox16+、Chrome26+、Safari6.1+、CSS3Multi-設(shè)置或檢索對(duì)象的列數(shù)和每列的寬度。復(fù)合屬性columns：<'column-width'>||<'column-countCSS3column-設(shè)置或檢索對(duì)象每列的寬度column-width:<length>|<length>：用長(zhǎng)度值來定義列寬，不允許負(fù)值；auto：根據(jù)列數(shù)自定分配寬度CSS3column-設(shè)置或檢索對(duì)象的列數(shù)column-count:<integer>|<integer>：用整數(shù)值來定義列數(shù)，不允許負(fù)值；auto：根據(jù)列寬自定分配寬CSS3column-設(shè)置或檢索對(duì)象的列與列之間的間column-gap:<length>|<length>：用長(zhǎng)度值來定義列與列之間的間隙，不允許負(fù)值；normal：與字體大小相同CSS3column-設(shè)置或檢索對(duì)象的列與列之間的邊框。復(fù)合屬性column-rule:<'column-rule-width'>||<'column-rule-style'>||<'column-rule-color設(shè)置或檢索對(duì)象的列與列之間的邊框厚度、樣式和顏色CSS3column-設(shè)置或檢索對(duì)象的列與列之間的邊框厚度column-rule-width:<length>|thin|medium|<length>：用長(zhǎng)度值來定義邊框的厚度，不允許負(fù)值；medium：定義默認(rèn)厚度的邊框thin：定義比默認(rèn)厚度細(xì)的邊框；thick：定義比默認(rèn)厚度粗的邊框CSS3column-設(shè)置或檢索對(duì)象的列與列之間的邊框樣式column-rule-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|none：無輪廓；hidden：隱藏邊框；dotted：點(diǎn)狀輪廓；dashed：虛線輪廓；solid：實(shí)線廓；double：雙線輪廓；groove：3D凹槽輪廓；ridge：3D凸槽輪廓；inset：3D凹邊輪廓outset：3D凸邊輪廓CSS3column-設(shè)置或檢索對(duì)象的列與列之間的邊框顏色<color>：指定顏色CSS3column-設(shè)置或檢索對(duì)象元素是否橫跨所有column-span:none|none：不跨列；all：橫跨所有列CSS3column-設(shè)置或檢索對(duì)象所有列的高度是否統(tǒng)一column-fill:auto|auto：列高度自適應(yīng)內(nèi)容；balance：所有列的高度以其中最高的一列統(tǒng)一CSS3column-設(shè)置或檢索對(duì)象之前是否斷column-break-before:auto|always|auto：既不強(qiáng)迫也 在 前斷行并產(chǎn)生新列；always：總是在 前斷行并產(chǎn)生新列avoid：避免在 前斷行并產(chǎn)生新列CSS3column-設(shè)置或檢索對(duì)象之后是否斷column-break-after:auto|always|auto：既不強(qiáng)迫也 在 后斷行并產(chǎn)生新列；always：總是在 后斷行并產(chǎn)生新列avoid：避免在 后斷行并產(chǎn)生新列CSS3colum