如何使用CSS3 column-count 属性

html-css013

如何使用CSS3 column-count 属性,第1张

1. column-count: 需要分割的列数

<div>

记得早先少年时，大家诚诚恳恳，说一句是一句；清早上火车站，长街黑暗无行人，卖豆浆的小店冒着热气；从前的日色变得慢，车、马、邮件都慢，一生只够爱一个人；从前的锁也好看，钥匙精美有样子，你锁了人家就懂了。

</div>

div {

-moz-column-count: 3

column-count: 3

}

CSS可以实现CountUp.js

无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。

countUp.js是一个轻量经的JavaScript类，没有任何第三方库。可用于以一种有趣的动画展示数字变化。