在div中,我如何设置"单元格间距"？

Question

我们假设div中有很多div:

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

内部div甚至可以彼此相邻.现在我想将所有的则之间5px的填充,就像cellspacing的table.

Answer 1

你会做类似的事情:

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

或仅限直系儿童:

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

如果你想让divs并排,你必须浮动它们:

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