html - 列的完美左/右填充

Question

如果列表中有许多 block 元素，我想知道是否有办法获取

• 左边距为0，
• 右侧边距为 0，并且
• 中间元素之间的边距

现在对于列表中的元素，我只知道如何执行 margin:0px 5px 5px 0px;

这样左边就没有边距了，所以它与我的容器的左边相匹配，但是最右边的列总是有 5px 的空间......但是我需要 margin-right 5px 在我的元素之间留出空间。

有什么建议吗？

div.container{
    width:calc(100% - 100px);
    margin: 0 auto;
    height:100%;
    display:block;
    background:black;
}

div div{
    height:200px;
    width:160px;
    display:inline-block;
    background:grey;
    margin:0px 5px 5px 0px;
}

引用:http://jsfiddle.net/Ly2M3/1/

同样，我希望我的元素能够靠在容器的最左侧和最右侧，但也有分隔元素的边距。

Answer 1

是的，将 text-align: justify 添加到 div.container 元素。