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

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

青灯夜游
青灯夜游オリジナル
2020-12-21 16:31:253193ブラウズ

違い: 1. インライン要素は行全体を占有せず、水平方向に配置された直線に配置されますが、ブロックレベルの要素は垂直方向に配置された 1 行を占有します。 2. ブロックレベル要素にはインライン要素とブロックレベル要素を含めることができますが、インライン要素にはブロックレベル要素を含めることはできません。 3. インライン要素の幅と高さは設定できません。

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

推奨: css ビデオ チュートリアルhtml チュートリアル

インライン要素とブロックレベル要素の違い

1. インライン要素は行全体を占めません。直線に配置されます。すべて同じ行上にあり、水平に配置されます。

ブロックレベルの要素は 1 行を占め、垂直に配置されます。

2. ブロックレベル要素にはインライン要素とブロックレベル要素を含めることができますが、インライン要素にはブロックレベル要素を含めることはできません。

3. インライン要素とブロックレベル要素の属性の違いは主にボックスモデルの属性によるもので、インライン要素の幅と高さの設定は無効(line-heightは設定可能)、マージンupper と lower は無効であり、padding upper と lower も無効です。

インライン要素とブロックレベル要素の間の変換

インライン要素をブロック要素に変換: display:block;

ブロック要素をインライン要素に変換:display:inline;

プログラミング関連の知識については、プログラミング教育をご覧ください。 !

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

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