在野生动物园和铬离开间隙的高度线

Question

在我的HTML中,我有一个div,在div中,我在文本行之间有不同的垂直间距.我通过使用休息和定义高度,即高度2 <div>或高度10或其他来实现这一点.

在我的样式表中,我将它定义为:

br.height2 {line-height:2px;} br.height5 {line-height:5px;}

这适用于IE6 + FF2 +和Opera,但由于某些原因,Safari和Chrome存在巨大差距(就像那两个浏览器忽略它并只是应用常规中断).我尝试使用更大的线高,如20px或30px进行测试,Safari和Chrome识别这些.他们似乎忽略了5-10像素以下的任何东西.

救命？谢谢!

Answer 1

这适用于Chrome(content属性做了诀窍):

br {
  content: " ";
  display: block;
  margin: 1em;
}

Answer 2

这些浏览器可能会读取您的空白区域（回车符等）并用某种值将其打开。我建议使用多个 div 标签，并使用所需空间的 margin-bottom 属性来设置 div 的样式。

<div style="margin-bottom: 2px">content</div>
<div style="margin-bottom: 5px">content</div>
<div>content</div>