纯css能否实现这种排版？
界面效果：
1 4 7
2 5 8
3 6 9
- HTML code
<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><ul>
就是让li按照html中的顺序从上到下排列，排满了一列，再从第二列接着。js自然可以做，但是要求纯css
[解决办法]
-webkit-column-count:3;-webkit-column-gap:12px;
css3代码，慎用。
[解决办法]
writing-mode:tb-lr；不支持FF；可以考虑把宽度设置为只有一个字符的宽度