CSS:如何增加两个元素之间的距离?
问题描述:
我的页面有div
含元素span
和table
CSS:如何增加两个元素之间的距离?
<div id="mainContent">
<span id="text:>
Description of items
</span>
<table id="tblContent">
.....
</table>
</div>
在我的CSS我有以下几点:
#tblContent
{
width:100%;
border:1px solid black;
border-collapse:collapse;
}
#tblContent td, #tblContent th
{
border:1px solid black;
text-align:center;
}
我如何定义我的table
和span
元素之间的距离为20px?
答
您正在寻找margin
。
保证金CSS属性为所有四方设置保证金。简写为 以避免单独设置每个边与另一个边距 属性:margin-top,margin-right,margin-bottom和margin-left。
试试这个:
#tblContent {
margin-top:20px;
}
答
您可以定义span
到display: block
,然后要么填充或保证金添加到它是这样的:你如何运用这个距离
#text {
display:block;
margin: 20px;
}
达你然而。