CSS列按水平顺序排列

可以水平排列css列吗

以此为例:

它的输出是

1 8 15

，但我想

1 2 3

，但仍然保持一个网格状的结构，有什么技巧可以用来实现这一点，还是JS是一种方法

这就是我所说的网格状结构：

---

像这样。使用浮动，而不是列

#limheight {
    height: 300px;
    width:600px;
}
#limheight li {
    float:left;
    padding-bottom: 20px;    
}
#limheight li a {
    color: rgb(0, 162, 232);
    display:block;
    width:200px;
}

---

您已经在使用内联块，所以它们将按照您的需要排列，只需指定一个宽度，它们将作为列排列。删除#limeheight中的css列，并将宽度添加到li：

---

不是唯一的CSS解决方案，但有相同的问题，并发现Packer可以生成列，但水平打包：

#limheight li {
   display: inline-block;
   padding-bottom: 20px;  
   width: 200px;
}