CSS3 Advanced -3 CSS Multi-column properties (delimited columns, column intervals, column rules, browser compatibility)

One, multi-column properties

Split columns

-The Column-count attribute specifies the number of columns that the element should be delimited

650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M02/7D/E0/wKioL1byGvOgH4GNAADt_rmkoYk702.png "title=" Web.png "alt=" Wkiol1bygvogh4gnaadt_rmkoyk702.png "/>

Column interval

-The Column-gap attribute specifies the interval between columns

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/7D/E0/wKioL1byGzOSya9XAADJv6PdGQ0992.png "title=" Web.png "alt=" Wkiol1bygzosya9xaadjv6pdgq0992.png "/>

Column rules

-The Column-rule property specifies the width, style, and color between columns

-The syntax is: column-rule:width style color;

650) this.width=650; "src=" Http://s5.51cto.com/wyfs02/M01/7D/E0/wKioL1byG3-wUe5EAAD7srh7PNQ856.png "title=" Web.png "alt=" Wkiol1byg3-wue5eaad7srh7pnq856.png "/>

Browser compatibility

-Internet Explorer 10 and Opera support multi-column properties

-FireFox needs a prefix-moz-

-Chrome and Safari need prefix-webkit-

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M02/7D/E0/wKioL1byG9-xGMAUAAFUygviwhI806.png "title=" Web.png "alt=" Wkiol1byg9-xgmauaafuygviwhi806.png "/>

Summary: This chapter focuses on CSS multi-column properties (delimited columns, column spacing, column rules, browser compatibility)

This article from the "Technical Exchange" blog, declined reprint!

CSS3 Advanced -3 CSS Multi-column properties (delimited columns, column intervals, column rules, browser compatibility)