在使用doctypes的内联块怪癖之后中断

时间:2012-06-13 15:44:11

标签: html css doctype

我更新了一个网站并试图准备从当前的doctype转移到html 5。目前,如果我使用下面的CSS:

br {
  line-height: 5px;
}

div {
  display: inline-block;
}

和html:

<div>div 1</div>
<br>
<div>div 2</div>

使用doctype:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

它呈现的方式是两个div之间没有间隙,断点line-height应用于与第一个div不在它自己的行上的同一行。

如果我使用相同的css和html:

<!DOCTYPE html>

中断在它自己的行上呈现,给出了5px中断,这对于我来说对于这个特定元素来说似乎更合乎逻辑。有没有一个css解决方案,当我转换时会在两个doctypes下呈现5px的差距?

我考虑过给出底部填充或边距但我认为如果div是嵌套的话会导致问题。

0 个答案:

没有答案