CSS表格单元格间距

Question

我有一些使用display: table-cell;

显示的图片

但他们都被推到了左边......我怎么能在他们之间创造一些空间呢？

以下是它所在的部分：

.ProductList li {
    list-style: none;
    float: left;
    min-height: 250px;
    width: 250px !important;
    display: table-cell;
    font-size: 1em;
    margin-right: -1px;
    padding-bottom: 10px;
    overflow: hidden;
}

提前谢谢

Answer 1

作为一个简单的修复，你可以添加一些正确的填充。

看一下前端框架bootstrap也许是一个好主意。适合这样的事情。