多列

1 .newspaper
2 {
3 -moz-column-count:3; /* Firefox */
4 -webkit-column-count:3; /* Safari and Chrome */
5 column-count:3;
6 }
7 在當前div的寬度中，將內容分為3列顯示

 1 .newspaper
 2 {
 3 -moz-column-count:3; /* Firefox */
 4 -webkit-column-count:3; /* Safari and Chrome */
 5 column-count:3;
 6 
 7 -moz-column-gap:30px; /* Firefox */
 8 -webkit-column-gap:30px; /* Safari and Chrome */
 9 column-gap:30px;
10 }
11 當前div 中內容分為三列顯示，列之間的距離是30px.

 1 .newspaper
 2 {
 3 -moz-column-count:3; /* Firefox */
 4 -webkit-column-count:3; /* Safari and Chrome */
 5 column-count:3;
 6 
 7 -moz-column-gap:40px; /* Firefox */
 8 -webkit-column-gap:40px; /* Safari and Chrome */
 9 column-gap:40px;
10 
11 -moz-column-rule:4px outset #ff0000; /* Firefox */
12 -webkit-column-rule:4px outset #ff0000; /* Safari and Chrome */
13 column-rule:4px outset #ff0000;
14 }