1

我更新了一个网站，并试图为它从当前的 doctype 迁移到 html 5 做准备。目前，如果我使用下面的 css：

br {
  line-height: 5px;
}

div {
  display: inline-block;
}

和html：

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

带有文档类型：

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

它的渲染使得两个 div 之间没有间隙，break line-height 应用于与第一个 div 不在它自己的行上的同一行。

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

<!DOCTYPE html>

中断呈现在它自己的行上，给出 5px 的中断，这对我来说对于这个特定元素来说似乎更合乎逻辑。是否有一个 css 解决方案可以在我转换时呈现两种 doctype 下的 5px 间隙？

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

4

0 回答 0