在"display:table-cell"之间填充

Question

有没有办法在"单元格"周围放置填充或透明边框display:table-cell？我希望通过这个空间显示背景,所以我不能将边框设置为白色,并且border-color:transparent由于某种原因不适合我.我检查了w3schools和类似的网站,但我没能找到这个特殊的特征.

来自用户Praveen Vijayan:http://jsfiddle.net/geymU/

Answer 1

使用border-spacing: 10px父容器上.

在你的情况下

#nav ul{
    display:table;
    width:100%;
    border-spacing: 10px;
}

你也可以分别给出顶部/底部和左/右 border-spacing: 10px 20px;