列元素（网格）中的li元素显示

Question

我在<li>中有<ol>个元素，想要显示如下所示;有人可以给我css代码来实现这个目标吗？我用php生成了这些<li>元素，所以HTML看起来像这样：

<ol>
   <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>
   <li>10</li>
   <li>11</li>
   <li>12</li>
</ol>

我想像这样显示：

http://www.jqueryscript.net/demo/Accessible-Touch-Friendly-Drag-Drop-Html-List-with-jQuery/

上面是一个例子，使用jQuery，我正在使用频道编辑器，并希望在图像中得到它。我尝试使用显示内联，宽度和高度，但没有去，所以我无法让它工作。

Answer 1

虽然不是旧版IE的最佳选择，但我知道实现所需结果的唯一方法是使用CSS3 column-count元素。

<强> CSS

li{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}