Html 在div中,我如何设置一个";单元间距;?

Html 在div中,我如何设置一个";单元间距;?,html,css,css-tables,Html,Css,Css Tables,假设一个div中有许多div: <div id="#container"> div div div div </div> div div div div div 内部div甚至可以彼此相邻。现在我想在所有这些之间有5px的填充,就像表格的单元格间距一样,您可以执行以下操作: #container div { margin: 0px 5px 5px 0px; } 或仅针对直系子女: #container > div { marg

假设一个div中有许多div:

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

div div div div div

内部div甚至可以彼此相邻。现在我想在所有这些之间有5px的填充,就像
表格的
单元格间距

一样,您可以执行以下操作:

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

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

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

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

但如果div有可见边框,则使用边距。否则它将看起来不像单元格间距。

不同div之间不提供填充。填充是元素内容和边框之间的空间。我想你需要5px的空间/间隙。-1 OP要求“所有人之间的5px填充”这将提供10px填充。-1 OP要求“所有人之间的5px填充”这将提供10px填充。已修复,但他将能够根据自己的需要进行调整。这没关系,但如果我做“5px 5px 5px 5px 5px”,它会分开。你说“分开”是什么意思?这就意味着两个div之间的边距总共是10px,因为在所有div的所有边上都添加了5px。。。