如何在我的列表项目之间插入空格？

您好我想添加这两个块之间我的空间： enter image description here 如何在我的列表项目之间插入空格？

我目前的显示器几乎是正确的，但它不具有块之间的空间： enter image description here

的代码是

<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>，然后会出现一个空格。这是一个好的解决方案吗？ enter image description here

来源

2012-04-17 Niklas Rosencrantz

不，添加<br />不是一个好的解决方案。你应该给下边距到您的数据框的div：

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

如果你需要的最后一个div不具有裕度，还可以定义它。

这里是工作提琴（对不起，缺乏德兴的，你没有指定的CSS代码。） http://jsfiddle.net/DCuKm/1/

来源

2012-04-17 08:42:16 SadullahCeran

这非常好。谢谢。 – 2012-04-17 08:48:50

我认为 - '：last'在你的小提琴中应该是：'：last-child'。 – 2012-04-17 08:55:00

另外请注意，如果你想让它在IE6-IE8中工作，你应该避免使用'last-child'（参见：http：//www.quirksmode.org/css/contents.html）。跨浏览器修复只是为最后一个添加一个额外的类，例如'last'然后将底部边距设置为0。 – 2012-04-17 08:57:09

为您的divison添加保证金。

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

来源

2012-04-17 08:39:01 aebersold

谢谢你的回答。 – 2012-04-17 08:49:12

我想你想的底边增加了data-box的div。

即

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

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

请参阅：http://jsfiddle.net/6PZnC/

来源

2012-04-17 08:42:50

谢谢你的回答。 – 2012-04-17 08:49:02

如何在我的列表项目之间插入空格？

回答

相关问题