在div裏面，我如何設置「單元格間距」？

<div id="#container"> 
div div div div 
</div>

內的div可以彼此相鄰偶數。現在我想在所有之間有5px的填充，就像cellspacing的table。

2012-07-30 John Smith

填充不是在不同div之間給出的。填充是元素內容和邊框之間的空格。我認爲你需要5px空間/差距。 – Narendra 2012-07-30 12:53:01

，你會做這樣的事情：

#container div 
{ 
    margin: 0px 5px 5px 0px; 
}

或只顧眼前的孩子：

如果你想的div去並排側，你必須把它們飄浮

：

#container div 
{ 
    float:left; 
    clear:none; 
    margin: 0px 5px 5px 0px; 
}

2012-07-30 12:48:17

謝謝！並感謝編輯。錯過了明確:) – 2012-07-30 12:57:07

它確定，但如果我做「5px 5px 5px 5px;」它分崩離析 – 2012-07-30 13:34:17

你是什麼意思'分開'？這只是意味着div之間的邊距總共爲10像素，因爲您在所有div的所有邊上都添加了5px ... – 2012-07-30 13:35:20

您將需要使用CSS。

<div id="container"> 
    <div style="padding:5px 5px 0 0;"> 
    </div> 
    <div style="padding:5px 5px 0 0;"> 
    </div> 
</div>

基本上，HTML任何元素都可以定位並使用內聯的CSS（如上面）或在單獨的樣式表中，使用CSS語法樣式。

在這種情況下，填充將意味着元素在其內容中將具有5個像素的空間，而邊距意味着它將具有5個像素以外的空間。

2012-07-30 12:48:26 Rodik

-1 OP要求「所有像素之間有5px的填充」，這會給出10px的填充。 – iambriansreed 2012-07-30 12:54:56

已修復，但他可以根據自己的需要調整它。 – Rodik 2012-07-30 12:56:48

刪除投票。請參閱：http://stackoverflow.com/privileges/vote-down – iambriansreed 2012-07-30 12:58:21

#container div { 
    margin: 0px 5px 5px 0px; 
}

2012-07-30 12:49:21

-1 OP要求「所有人之間5px填充」這將給10px填充。 – iambriansreed 2012-07-30 12:53:45

在這種情況下，您可以使用填充或邊距。

但是，如果您有div的可見邊框，請使用邊距。否則，它看起來不像細胞間距。

2012-07-30 12:50:53 Narendra

回答