Css3-columns Multi-Column layout

1 /*layout in the CSS3*/2 . Wrapper{3 margin:Auto;4 width:300px;5 Height:200px;6 Border:2px dotted Blue;7 -webkit-columns:15px 3;/*represents a multi-column layout with 3 columns in each column and more than 3 columns for the parameter to fail! For example, a multi-column layout can be displayed for an article*/8      9 -webkit-column-count:3;Ten -webkit-column-width:15px;/*the width and count properties are taken apart to be used separately, weakly disassembled and used concurrently, and the browser may invalidate a property depending on the situation*/  One -webkit-column-gap:2em;/*set column spacing to 2 characters, not set to 1 character spacing by default*/     A  - -webkit-column-rule:2px solid Red;/*defines the split line between columns and columns as 2px solid red The split line does not occupy space position like a ghost*/ -      the} - H2{ - text-align:Center;/*Center Text Display*/ - -webkit-column-span: All;/*make H2 across all columns*/ +}

Css3-columns Multi-Column layout