ホームページ >ウェブフロントエンド >フロントエンドQ&A >html/cssのインライン要素とブロックレベル要素の違いは何ですか
html/cssのインライン要素とブロックレベル要素の違いは何ですか
- 青灯夜游オリジナル
- 2020-12-21 16:31:253225ブラウズ
違い: 1. インライン要素は行全体を占有せず、水平方向に配置された直線に配置されますが、ブロックレベルの要素は垂直方向に配置された 1 行を占有します。 2. ブロックレベル要素にはインライン要素とブロックレベル要素を含めることができますが、インライン要素にはブロックレベル要素を含めることはできません。 3. インライン要素の幅と高さは設定できません。
推奨: css ビデオ チュートリアル、html チュートリアル
インライン要素とブロックレベル要素の違い
1. インライン要素は行全体を占めません。直線に配置されます。すべて同じ行上にあり、水平に配置されます。
ブロックレベルの要素は 1 行を占め、垂直に配置されます。
2. ブロックレベル要素にはインライン要素とブロックレベル要素を含めることができますが、インライン要素にはブロックレベル要素を含めることはできません。
3. インライン要素とブロックレベル要素の属性の違いは主にボックスモデルの属性によるもので、インライン要素の幅と高さの設定は無効（line-heightは設定可能）、マージンupper と lower は無効であり、padding upper と lower も無効です。
インライン要素とブロックレベル要素の間の変換
インライン要素をブロック要素に変換: display:block;
ブロック要素をインライン要素に変換：display:inline;
プログラミング関連の知識については、プログラミング教育をご覧ください。 ！
以上がhtml/cssのインライン要素とブロックレベル要素の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。