纯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；可以考虑把宽度设置为只有一个字符的宽度