ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのインライン要素とブロックレベル要素の違いは何ですか

HTMLのインライン要素とブロックレベル要素の違いは何ですか

王林
王林オリジナル
2020-11-13 15:08:018497ブラウズ

HTML におけるインライン要素とブロックレベル要素の違いは次のとおりです: 1. ブロックレベル要素は常に新しい行で始まり、インライン要素は他の要素と同じ行にあります; 2. 高さとブロックレベル要素の行の高さは Control にすることができ、インライン要素の高さと行の高さは変更できます; 3. ブロックレベル要素の幅はコンテンツとは無関係であり、インライン要素の幅はコンテンツにのみ関係しますコンテンツ。

HTMLのインライン要素とブロックレベル要素の違いは何ですか

ブロックレベル要素:

(学習ビデオ共有: html ビデオ チュートリアル)

1 、常に新しい行で始まり、行全体を占めます;

2. 高さ、行の高さ、マージンおよびパディングはすべて制御できます;

3. 幅は常にブラウザ コンテナの幅はコンテンツに関係なく同じです;

4. インライン要素と他のブロック要素を収容できます。

インライン要素の特徴:

1. 他の要素と同じ行にあります;

2. 高さ、行の高さ、マージンとパディングは変更できます。

3. 幅はコンテンツにのみ関係します;

4. インライン要素にはテキストまたはその他のインライン要素のみを含めることができます。

幅と高さを設定できません。幅はコンテンツに応じて増加し、高さはフォント サイズに応じて変化します。インライン要素では外側の境界線を設定できますが、外側の境界線は上下には影響しません。内枠は設定できますが、ie6では内枠は上下に機能せず、左右のみに機能します。

関連する推奨事項: html チュートリアル

以上がHTMLのインライン要素とブロックレベル要素の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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