ホームページ > 記事 > ウェブフロントエンド > CSS ナレッジ ポイント - 置換可能な要素と置換不可能な要素_html/css_WEB-ITnose
置換された要素:
img、input、select、textarea、button、label などの特別な要素があります。これらは置換された要素と呼ばれます。これらの要素と一般的なインライン要素 (相対的に非置換要素と呼ばれる) の違いは、これらの要素が固有の次元 (固有次元) を持ち、幅/高さの属性 、 を設定できること、そして実質的なコンテンツがないことです。つまり、(テキストコンテンツ) はコード内に直接表示されません 。置換要素は、タグの要素と属性に基づいて表示する特定のコンテンツを決定するためにブラウザによって使用されます。要素を置換すると行ボックスの高さは増加しますが、コンテンツ領域の高さの値 = padding-top + padding-bottom + margin-top + margin-bottom + height には影響しません。置換要素を中央に配置するには、line-height = height およびvertral-align = middle を設定します。 (vertical-align:middle、要素のインライン ボックスの垂直方向の中点を、親要素のベースラインの 0.5ex 上の点に位置合わせします。) それらのプロパティは、display:inline-block が設定されている要素と同じです。これが意味するのは、これらのいわゆる置換可能な要素は インライン ブロック
であるということです。 もしかしたら、置換されない要素について少し混乱している友達もいるかもしれません。全員が理解できるように手伝ってください。 W3C では非置換要素は明確に定義されていませんが、文字通りの意味から、非置換要素は置換された要素 (置換された要素) に対応する、つまり置換された要素の意味を理解すれば理解できます。非置換要素。置換要素は W3C で次のように定義されています。
「画像、埋め込みドキュメント、アプレットなど、CSS フォーマッタの範囲外にある要素」
定義から、置換要素 (置換された要素) が理解できます。 element) は、主に img、input、textarea、select、object などの要素を指します。デフォルトでは、CSS は表示範囲をフォーマットします。また、非置換要素とは、img、input、textarea、select、objectなどの置換要素以外の要素であることが分かります。
置換要素: 置換要素は、ブラウザーがそのタグの要素と属性に基づいて表示する特定のコンテンツを決定する場合に使用されます。
例: 、、