「display：table-cell」の間のパディング

Question

display:table-cellがある場合、「セル」の周りにパディングまたは透明な枠線を配置する方法はありますか？私は背景がこのスペースを通って現れるようにしたいので、白を境界線に設定するだけではいけません。border-color:transparentはなんらかの理由で私のために働きません。私はw3schoolsと同様のサイトをチェックしましたが、私はこの特定の特性を見つけることができませんでした。ユーザーPraveenさんビジャヤンから

：http://jsfiddle.net/geymU/

Answer 1

親コンテナの使用border-spacing: 10px。

あなたの場合

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

また、セル間のスペースは、テーブル内border-spacingとborder-collapseプロパティによって制御されるborder-spacing: 10px 20px;

Answer 2

のように右別に、トップ/ボトムおよび/左を与えることができます。

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