ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでBRの高さを設定する方法

CSSでBRの高さを設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-27 18:02:045716ブラウズ

CSS では、line-height 属性を使用して br の高さを設定できます。「br{display:inline;line-height:height value}」を br に設定するだけです。 line-height 属性は br タグの高さを設定する属性で、値が大きいほど br タグの高さが高くなります。

CSSでBRの高さを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

Web サイトを構築するプロセスでは、多くのテキスト入力が静的テンプレートを使用して実装されるのではなく、より高度な CMS を使用して Web サイトを構築することがあります。CMS を使用して Web サイトを構築するプロセスでは、テキストの入力にはバックグラウンド RTE が使用されることは避けられません。内容は、HTML コードを知っている人にとっては、もちろん簡単です。HTML コードを直接入力できますが、コーディングができない人にとっては、テキストを直接入力することしかできません。 , これにより、必然的に br タグが大量に生成されます。

このタグはユーザーにとってはもちろん非常に便利ですが、開発者にとってはフロントエンドディスプレイの互換性を考慮する必要があり、FFとIEでは表示されるbrの高さが全く異なります。

最終的に、CSS 定義を使用するだけでよいことがわかりました:

br{
    display:inline; 
    line-height:11px;
}

推奨される学習: css ビデオ チュートリアル

以上がCSSでBRの高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。