在“display：table-cell”之间填充

Question

有一种方法可以在“单元格”周围放置填充或透明边框display:table-cell？我想通过这个空间显示背景，所以我不能只将边框设置为白色，border-color:transparent由于某种原因不适用于我。我已经检查过w3schools和类似的网站，但我一直无法找到这个特殊的特征。

从用户普利文维贾雅恩：http://jsfiddle.net/geymU/

Answer 1

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

在你的情况

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

你也可以给上/下，左/右独立像border-spacing: 10px 20px;

Answer 2

细胞之间的空间是由表中的border-spacing和border-collapse属性控制。

#nav ul { 
    display: table; 
    width: 100%; 
    background: yellow; 
    border-collapse: separate; 
    border-spacing: 12px 6px; 
}