8

はdiv典型的なブロック レベル要素でありspan、インライン対応要素です。これらは、その表示タイプの最も単純な形式であり、他のプロパティはありません。非常に多くの場合、私はそれらのいずれかにスタイルを与えます:

display: inline-block;

これにより、非常に便利な方法で動作します。これはdiv、定義された幅と高さを維持しながら、簡単に隣同士に配置できるボックスを意味します。spanこれを使用して、カラフルな長方形を作成できます。inline-blockディスプレイは非常に多くの点で優れていますが、他に何も行わずに から始まる要素を見たことがありませんinline-block。

画像 ( img) はありますが、 と同じものには明らかに適していませんdiv。そのスタイルはありますが、別の目的を果たします。

それで、私が知らない要素が典型的なものinline-blockですか、それとも省略されていますか?

そうでない場合、なぜですか？の用途はinline-block多岐にわたるので、その基本形をとる要素がいくつかあるはずです。

4

3 に答える 3

6

私が考えることができる唯一の要素は、インラインの外観を持っていますが、 awidthとheightを設定できる要素は次のとおりです。

  • img、
  • input、
  • textarea
  • select、 と
  • button

ただし、ここで HTML コンテンツを取得できる唯一の要素はbutton要素です。buttonユーザーが対話する可能性がある/対話する必要がある要素であることを意図しているため、これは理想的な使用法ではありません。単なるコンテナ要素ではありません。

このような要素には複数の用途があるdisplayかもしれませんが、プロパティを簡単に変更できることを考えると、W3C またはその他の機関が明示的に定義する必要があるという説得力のある理由はありません。特に、 と の唯一の違いはinline、 とinline-blockの次元を割り当てる機能marginです。

于 2013-05-10T11:05:07.010 に答える
0

デフォルトでは、img タグはインライン ブロックです。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img

編集:この SO の質問を確認できます: Is <img> element block level or inline level?

于 2013-05-10T10:42:05.023 に答える