CSS实现平铺滚动效果

效果：

主要就是在父容器上设置水平方向滚动，并禁止换行。然后子元素用inline-block实现平铺。关键CSS如下：

<ul>    <li></li>    <li></li>    <li></li></ul>

ul {    width: 100%;    overflow: scroll;    white-space: nowrap;}li {    display: inline-block;    width: 50%;    vertical-align: top;}