我更新了一个网站并试图准备从当前的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是嵌套的话会导致问题。