CSS3--Multi-column

1. Specify a breakdown:

1 E {column-count:2;} ---Two columns

1 E {2   -moz-column-count:2;3   -webkit-column-count:2;4 }

Firefox and WebKit implementations

2. Dynamic breakdown

1 E {column-width:100;} 2 P {3   column-width:100px;4   width:950px;5 }

The width of the column is not only 100, but it will be adjusted according to 950px.

3. Column spacing and dividing line

1 interval 2 E {column-gap:2em;} 3 rules 4 E {5   column-rule-width:length;6   Column-rule-style:border-style;  7   column-rule-color:color;8   column-rule:length Border-style color;9 }

4. Handle elements that span more than one column

1 E {column-span:value;2value is 1 or all

1 E {break-after:keyword;} 2 E {break-before:keyword;} 3 E {break-inside:keyword;} 4 Accept auto and avoid values 5 Break-after and break-before accept column 6 avoid can guarantee that no interruption occurs immediately before or after the specified element, and that the column is forced to occur before or after the element

CSS3--Multi-column