インライン要素のパディングとマージンはどのような状況で無効になりますか?

今回は、インライン要素のパディングとマージンが無効になる状況と、どのような状況でインライン要素のパディングとマージンの使用が無効になるかを説明します以下は実際的なケースです。一見。

インライン要素の垂直方向の

paddingとmarginは考慮されません。これはCSS仕様で定義されています。確かに、inline 要素は、垂直方向にマージン効果を生み出すことなく の垂直方向を設定できます。つまり、レイアウトには影響しません。 padding和margin值，但是inline元素的margin和padding

1. まず、インライン要素には

ボックスモデルがありますか? 回答: インライン要素にはボックス モデルもあります。

2. インライン要素のパディングとマージンは無効ですか?

答え:

• のpadding-top、padding-bottom

  、margin-top、
margin-bottom
• の属性設定は無効です。 inline 要素は無効です

  、margin-left および margin-right 属性の設定は有効です

inline 要素のpadding-top とpadding-bottom は表示効果により増加しますが、実際には設定が無効です。彼の周囲の要素には何の影響も与えません。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

フロントエンドプロジェクトでのプロジェクト構造の初期化

vue-cli は環境に応じてテストパッケージと運用パッケージを生成します

以上がインライン要素のパディングとマージンはどのような状況で無効になりますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。