Column Count used to give the value for number column will present in the page. If you used the columns property you give the how much column you need show in the web page.You can see the Example code and example preview below.
Syntax:
.clum{
-webkit-column-count:3px;
-moz-column-count:3px;
Column-count:3px;
}Example Code:
CSS:
.clum {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em;
}HTML:
<div class="clum"> <p>Column Count used to give the value for number column will present in the page</p> <p>Column Count used to give the value for number column will present in the page</p> <p>Column Count used to give the value for number column will present in the page</p> </div>
Preview:
Column Count used to give the value for number column will present in the page
Column Count used to give the value for number column will present in the page
Column Count used to give the value for number column will present in the page
| Feature | Chrome | Firefox | IE | Opera | Safari | Android | IOS |
|---|---|---|---|---|---|---|---|
| Basic support | Any Version | 1.5+ | 10+ | 11.1+ | 3+ | 2.3+ | 6.1+ |
