☰

の高さを変更するにはどうすればいいですか ? [重複] 質問する

tag-icon • tag-icon html css
の高さを変更するにはどうすればいいですか ? [重複] 質問する

<br>'sを使用してサブ段落に分割された大きな段落のテキストがあります。

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

これらのサブパラグラフ間の間隔を広げて、 が 2 つあるようにしたいです<br>。 を使用するのが正しい方法だとわかっています<p></p>が、現時点ではこのレイアウトを変更できないため、CSS のみのソリューションを探しています。

<br>と をline-height設定してみましたheightがdisplay: block、Google や Stack Overflow で簡単に検索してみましたが、解決策は見つかりませんでした。レイアウトを変更せずにこれを実現できるでしょうか?

ベストアンサー1

CSS:

br {
   display: block;
   margin: 10px 0;
}

この解決策はおそらくクロスブラウザ互換性はありませんが、少なくとも何かはあります。また、次の設定も検討してくださいline-height:

line-height:22px;

Google Chromeの場合、考慮する設定content:

content: " ";

それ以外では、JavaScript ソリューションに頼るしかないと思います。

おすすめ記事