Html 在div中,我如何设置一个";单元间距;?
假设一个div中有许多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 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。。。