它主要應用在文字的多列布局方面，這種布局在報紙和雜誌上都使用了幾十年了，但要在web頁面上實現這樣的效果還是有相當大的難度，慶幸的是，css3的多列布局可以輕鬆實現
語法：
columns：||多列布局columns屬性引數主要就兩個屬性引數：列寬和列數。
引數
引數說明
主要用來定義多列中每列的寬度
主要用來定義多列中的列數
舉例：要顯示2欄顯示，每欄寬度為200px，**為：
columns: 200px 2;column-width的使用和css中的width屬性一樣，不過不同的是，column-width屬性在定義元素列寬的時候，既可以單獨使用，也可以和多列屬性中其他屬性配合使用。其基本語法如下所示 ；
column-width: auto |取值說明
屬性值
說明
auto
如果column-width設定值為auto或者沒有顯式的設定值時，元素多列的列寬將由其他屬性來決定，比如前面的示例就是由列數column-count來決定。
使用固定值來設定元素列的寬度，其主要是由數值和長度單位組成，不過其值只能是正值，不能為負值。
column-count屬性主要用來給元素指定想要的列數和允許的最大列數。其語法規則：
column-count：auto |取值說明：屬性值屬性值說明auto
此值為column-count的預設值，表示元素只有一列，其主要依靠瀏覽器計算自動設定。
此值為正整數值，主要用來定義元素的列數，取值為大於0的整數，負值無效。
例如：將列分成四列顯示，**如下：
column-count:4;column-gap主要用來設定列與列之間的間距，其語法規則如下：
column-gap: normal ||
取值說明
屬性值
屬性值說明
normal
預設值，默值為1em（如果你的字型大小是px，其預設值為你的font-size值）。
此值用來設定列與列之間的距離，其可以使用px,em單位的任何整數值，但不能是負值。
例如：將內容分三列顯列，列與列之間的間距為2em，實現**為：
column-rule主要是用來定義列與列之間的邊框寬度、邊框樣式和邊框顏色。簡單點說，就有點類似於常用的border屬性。但column-rule是不占用任何空間位置的，在列與列之間改變其寬度不會改變任何列的位置。
語法規則：
column-rule:||取值說明：屬性值屬性值說明column-rule-width
column-rule-style
類似於border-style屬性，主要用來定義列邊框樣式，其預設值為「none」。column-rule-style屬性值與border-style屬值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
column-rule-color
類似於border-color屬性，主要用來定義列邊框顏色，其預設值為前景色color的值，使用時相當於border-color。column-rule-color接受所有的顏色。如果不希望顯示顏色，也可以將其設定為transparent(透明色)
例如：為了能有效區分欄目列之間的關係，可以為其設定乙個列邊框，**為：
column-span主要用來定義乙個分列元素中的子元素能跨列多少。column-width、column-count等屬效能讓一元素分成多列，不管裡面元素如何排放順序，他們都是從左向右的放置內容，但有時我們需要基中一段內容或乙個標題不進行分列，也就是橫跨所有列，此時column-span就可以輕鬆實現，此屬性的語法如下。
column-span: none | all取值說明屬性值屬性值說明none
此值為column-span的預設值，表示不跨越任何列。
all這個值跟none值剛好相反，表示的是元素跨越所有列，並定位在列的ｚ軸之上。
例如：將第乙個標題跨越所有列，**：
column-span:all;效果如下：
掌握css3布局
在傳統的浮動 定位基礎之上，css3提供了一系列新的布局方式，包括彈性盒模型 多列 查詢等，利用這些布局方式我們可以靈活地應對複雜網頁布局，本文通過屬性詳解 實戰案例的方式向您展示這些新興布局方式的強大之處。1.彈性盒模型 彈性盒布局模型 flexible box layout 是 css3 規範中...
CSS3 彈性布局
掌握傳統布局與css3新增彈性布局方式的實現和應用 彈性布局 彈性伸縮布局 事實上它是一種新型別的盒子模型，也有書上稱作彈性伸縮盒布局。比較新的布局方式 旨在提供乙個更加有效的方式來布置，對齊和分布在容器之間的各項內容，即使它們的大小是未知或者動態變化的。彈性布局的主要思想是讓容器有能力來改變專案的...
CSS3布局樣式
css3多列布局columns 為了能在web頁面中方便實現類似報紙 雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組 css multi column layout module 它主要應用在文字的多列布局方面，這種布局在報紙和雜誌上都使用了幾十年了，但要在web頁面上實現這樣的...