ホームページ  >  記事  >  ウェブフロントエンド  >  インライン要素で内側と外側のマージンが機能するかどうかを議論するには、インライン置換要素とインライン非置換要素を別々に議論する必要があります: _html/css_WEB-ITnose

インライン要素で内側と外側のマージンが機能するかどうかを議論するには、インライン置換要素とインライン非置換要素を別々に議論する必要があります: _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:35:271627ブラウズ

  1. インライン要素にマージンを適用できることを明確にしてください
  2. インラインの非置換要素にマージンを適用しても、行の高さには影響しません
    1. インラインの非置換要素に上下のパディングを適用する マージンを適用する場合、 line-height には影響しませんが、左右のマージンを適用する場合は表示効果に影響するため、padding-left/right、margin-left/right を設定できます

1111< ;/span> 行の高さの領域を除き、テキスト フロー スペースを占有しません

効果:

5 インライン置換要素の場合。 , それを設定します 実際には置換された要素に対して内側と外側のマージンなどが設定されており、置換された要素のサイズマージンに影響し、それによって行の高さに影響するため、マージンとパディングを設定できます

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