3

嗨，我想在这两个块之间添加空间： 在此处输入图像描述

我当前的显示几乎是正确的，但它没有块之间的空间： 在此处输入图像描述

代码是

<div class="data-box">   
            <div class="personName"><strong>    
                1. Joey Tempest&nbsp;
             </strong></div> 
        <div class="otherDetails"></div> 

        <table border="0"><tr><td></td><td>Telefon</td><td></td></tr>
        <tr><td></td><td>Fax</td><td></td></tr>
        <tr><td></td><td>E-post</td><td></td></tr>
        <tr><td>Sverige                                           </td><td>Referens</td><td></td></tr>
        </table> 


    </div>  

    <div class="clear"></div>
    <div class="fl10"></div>



        <div class="data-box">   
            <div class="personName"><strong>    
                2. Tone Norum&nbsp;
             </strong></div> 
        <div class="otherDetails"></div> 

        <table border="0"><tr><td></td><td>Telefon</td><td></td></tr>
        <tr><td></td><td>Fax</td><td></td></tr>
        <tr><td></td><td>E-post</td><td></td></tr>
        <tr><td>Sverige                                           </td><td>Referens</td><td></td></tr>
        </table> 


    </div>

我可以只插入一个<br>，然后会出现一个空格。这是一个好的解决方案吗？ 在此处输入图像描述

4

3 回答 3

3

不，添加<br />不是一个好的解决方案。你应该给你的数据框div提供margin-bottom：

div.data-box{
    margin-bottom: 10px;
}

如果你需要最后一个 div 没有边距，你也可以定义它。

这是工作小提琴（抱歉缺乏设计，您没有指定css代码。） http://jsfiddle.net/DCuKm/1/

于 2012-04-17T08:42:16.813 回答
1

为您的部门添加保证金。

.data-box {
    margin-bottom: 10px;
}
于 2012-04-17T08:39:01.437 回答
1

我认为您想为data-boxdiv 添加底部边距。

IE

div.data-box {
    margin-bottom: 5px;
}

这通常是比休息更好的解决方案，因为它更灵活。

见：http: //jsfiddle.net/6PZnC/

于 2012-04-17T08:42:50.810 回答