ホームページ >ウェブフロントエンド >htmlチュートリアル >ブロックレベル要素とインライン要素の違いは何ですか?

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

王林
王林オリジナル
2021-01-27 16:30:3815997ブラウズ

ブロックレベル要素とインライン要素の違い: インライン要素は他のインライン要素と並べて配置できますが、ブロックレベル要素は排他的な行を占有するため、他の要素と並べて配置することはできません。 ; インライン要素は幅と高さを設定できませんが、ブロックレベルの要素は幅を高さに設定できます。

この記事の動作環境: Windows10 システム、html 5、Acer S40-51 コンピューター。

ブロックレベル要素とインライン要素の違いは次のとおりです:

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

1.インライン要素 他のインライン要素と並べて配置できます。ブロックレベル要素は排他的な行を占有し、他の要素と並べて配置できません。

2. インライン要素は幅と高さを設定できません。 。デフォルトの幅はテキストの幅です。ブロック レベルの要素は幅と高さに設定できます。幅と高さが設定されていない場合、幅はデフォルトで親の 100% になります。

関連紹介:

block 要素は、ブロック要素 (ブロック要素) とも呼ばれ、これに対応する要素はインライン要素 (インライン要素) であり、HTML 仕様における概念です。

ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まり、隣接するブロックレベルの要素は別の行に表示されることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。

例えば、inline要素にdisplay:blockのような属性を追加することで、毎回改行するという属性も持たせる、つまりblock要素にすることができます。 , ブロック要素にdisplay:を追加すると、inlineなどの属性を使用して1行に配置することができます。

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

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

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