在div中，我如何设置“单元格间距”？

Question

我们假设div中有很多div：

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

内部div甚至可以彼此相邻。现在我希望在所有时间之间都有5px填充，就像cellspacing的{​​{1}}一样。

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;
 }

Answer 2

你需要使用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个像素的空间。

Answer 3

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

Answer 4

在这种情况下，您可以使用填充或边距。

但如果你有div的可见边框，那么使用margin。否则它看起来不像单元格间距。