Web サイトを更新し、現在の 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">
2 つの div の間にギャップがないようにレンダリングされます。改行線の高さは、それ自体の行ではなく、最初の div と同じ行に適用されます。
同じ css と html を使用する場合:
<!DOCTYPE html>
ブレークは独自の行にレンダリングされ、5px のブレークを与えます。これは、この特定の要素に対してより論理的だと思われます。移行時に両方の doctypes で 5px のギャップをレンダリングする css ソリューションはありますか?
div の下のパディングまたはマージンを与えることを考えましたが、div がネストされていると問題が発生すると思います。