1

この質問は、<br>タグの詳細を理解することを目的としています:

次のスタイルを使用して単語を段落に分割する HTML ページがあります。

<div>
    <br>200 words follows...
    <br>another 300 words...
    <br>
    <br>and 250 words...
</div>

私は通常、このようにコンテンツのスタイルを設定しませんが<p> ... </p>、各段落にタグを使用します。しかし、ドキュメントを再構成するのではなく、CSS を使用して<br>タグのスタイルを設定し、各段落の上部に (デフォルトでは何もないのではなく) より多くの空白を配置できるようにします。<br>もっと、どうすればそれができますか? (<br>改行の特殊な要素ですが、他の要素と同様にスタイルを設定できる必要があります。)

この場合は機能しないことに注意してくださいline-height。Chrome では、Mac 上の Firefox とは動作が異なります。http://jsfiddle.net/ff5SX/2/で試すことができます。

Chrome では 2 回連続するだけで<br>より多くのスペースが得られ、Firefox では動作が奇妙で説明が難しくなります。

4

2 に答える 2

7

この記事では、brタグのスタイリングの可能性（または不可能性）を要約しています。

cssで<br/>ターゲットにできますか？

于 2012-12-14T14:44:49.080 に答える
0

指定サイズの縦ギャップは下記をご使用ください

CSS

div.verticalgap{clear:both;overflow:hidden;height:0px;}

HTML (10px の垂直ギャップ用)

<div class="verticalgap" style="height:10px"></div>

于 2014-02-28T14:13:19.140 に答える