Multiple columns-HappyForEverIsaDream

Multiple columns-HappyForEverIsaDream

1. newspaper2 {3-moz-column-count: 3;/* Firefox */4-webkit-column-count: 3;/* Safari and Chrome */5 column-count: 3; 6} 7 in the current p width, the content is displayed in three columns

View Code

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 the content of current p is displayed in three columns, and the distance between columns is 30px.

View Code

 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 }

View Code