Question

我一直在使用 snippit 来创建一个冠军风格的主页。但是我不想堆叠div元素，而是逐渐将它们向右浮动并向下平铺。

我已经看到了 solution ，但是就列表元素而言，我似乎无法使用div元素。我不想使用jquery插件来处理这个FYI，我想保持它纯CSS。

Answer 1

你的mastrum css属性column-width来限制列的大小并垂直堆叠div。

如果您想让divs水平流动并垂直溢出，您只需将item设置为display:inline-block并设置固定宽度：

.item {
 display: inline-block;
 padding:  .25rem;
 width:  200px;
}