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

如果您希望 div 并排放置，则必须浮动它们：

 #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 的可见边框，则使用边距。否则它看起来不像单元格间距。