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（前端框架）也是一個好主意。適合這樣的事情。