次の例では:
Line1 <br /> Line2
Line2 を強制的に次の行に移動するために使用<br />
していますが、私の知る限り、br の高さを設定するクロス ブラウザーに適した方法はありません。私が使用できる代替方法は何ですか?
異なるブロックを使用します:
<p>Line1</p>
<p>Line2</p>
通常、使用<br />
は改行の古い方法です。またはいくつかのブロック レベルの要素を使用<p>, <div>
し、それらに上または下の余白を与える必要があります。
p {
margin-top:5px;
margin-bottom:5px
}
CSS を使用するline-height
と、任意の要素のプロパティを制御できます。
someElement {
line-height:12px;
}
これを単純に要素に設定するか、HTML 全体で使用してドキュメント全体に統一性を持たせることができます。これは安全で、クロスブラウザーと互換性があり、使いやすいです。
<div>
CSSマージンを使用して、私にとって最良の方法を追加します。または、<p>
タグ。line-height
タグと一緒にcss プロパティを使用して、<br/>
行間の間隔を制御できます。
<style>
.small
{
line-height:100px;
}
</style>
<p class="small">
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
</p>
padding
& / またはmargin
css 属性を使用します。