【面接の落とし穴】インライン要素の幅と高さを set_html/css_WEB-ITnose にできるか

今日は忙しくなく、ブログを閲覧していて、「インライン要素の幅と高さを設定できるかどうか」に関する記事を目にしました。その時の私の最初の反応は、もちろん不可能でした。 display: block など~ ), インタビューで聞かれたとき、私はいつもこの質問に答えます。

ブロガーさんの説明を見る前から、彼の例を見ただけで自分が間違っていることはわかっていました…例えば、「img、input」などの要素は、普段使うときに、実際には、ブロックなどを行わずに幅と高さを直接設定しますが、私の頭ではそれらはインライン要素に分割されています。

辛抱強くブログを読みましたが、少し恥ずかしく感じています...

ここで (私にとって) 2 つの新しい概念が提案されています:

置換可能な要素と置換不可能な要素。

要素の置換: 要素の置換とは、ブラウザがそのタグと属性に基づいて要素の特定の表示コンテンツを決定することを意味します。

(たとえば、ブラウザは画像情報を読み取り、 タグの src 属性の値に基づいて表示しますが、(X)HTML コードを表示すると、実際のコンテンツは表示されません。画像; 別の例は、入力ボックス、ラジオ ボタンなどを表示するかどうかを決定する < タグに基づいています)

置換できない要素: HTML のほとんどの要素は置換できません。つまり、そのコンテンツはユーザー (ブラウザーなど) に直接表示されます。

簡単な要約は次のとおりです:

置換要素には通常、固有の寸法があるため、幅と高さを設定できます。たとえば、画像の幅と高さを指定しない場合、画像は保存時の画像の幅と高さである固有のサイズに従って表示されます。フォーム要素については、ブラウザーにも幅や高さを含むデフォルトのスタイルがあります。

したがって、今後そのような質問に遭遇した場合、「はい」または「いいえ」で直接答えることはできません。正解は

置換要素は OK、非置換要素は であるはずです。

自分に思い出させるためにもう一度書いてください。