CSS flexbox/jquery：自动排水沟大小

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。那是你在找什么？