Question

我的网页包含div元素，其中包含span和table

<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距离？

Answer 1

您正在寻找margin。

margin CSS属性设置所有四边的边距。它是一个简化以避免将每一边与另一边隔开设置属性：margin-top，margin-right，margin-bottom和margin-left。

试试这个：

#tblContent {
    margin-top:20px;
}

Answer 2

您可以将span定义为display: block，然后像这样添加填充或边距：

#text {
    display:block;
    margin: 20px;
}

你如何应用这个距离取决于你。

CSS：如何增加两个元素之间的距离？

2 个答案: