Question

我试图建立一个响应式网格列表。元素具有固定高度（300px）和宽度（120px）。元素之间的空间应该是自动的，但最小大小为20px。

这是我目前的CSS：

.folder-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
    width: 100%;
}

.folder-list li {
    display: block;
    width: 300px;
    height: 120px;
    background: rgba(255, 255, 255, 0.7);
    flex-shrink: 0;
}

我得到了这个结果：

Result

但看起来应该是这样的：

It should looks like this

有没有办法使用CSS和jQuery来实现它？

Answer 1

我不确定你是如何得到that的，但当我添加3个小CSS属性（flex-wrap，justify-content和margin）时，我得到了this。那是你在寻找什么？

CSS flexbox / jquery：自动装订线尺寸

1 个答案: