20

imgインラインブロック要素からdisplay: blockCSSプロパティを使用してブロックオブジェクトに変換することの欠点はありますか?

ほとんどの場合、私はそれらをblock要素にしたいと思っています。inline私が失っている有用な側面はありますか?(おそらく私はいくつかが有用であるとは思っていませんか?)

blockデフォルトですべての画像を要素に変換する必要がありますか?仕様に従ってインラインブロック要素であるのはなぜですか?

PSポジショニングとフロート、および周囲の要素を介したレイアウトを考慮して、これを求めています。

4

4 に答える 4

22

ブロックが改行の後に何かを強制することを考えると、それが悪いシナリオは1つだけです:

その横に別のインライン要素 (テキスト、別の画像、スパンなど) を配置する場合

于 2012-10-31T05:34:31.200 に答える
3

欠点が 1 つあります。「text-align:center」を親要素に適用して画像を水平方向に中央揃えにする場合、画像をブロックまたはインライン ブロックとして表示することはできません。

于 2018-03-17T15:23:28.250 に答える
2

img { display: block; }CSSを入れて、それを忘れてください。別のものが必要な非常にまれな例では、例外を記述します。

于 2016-12-12T18:25:25.253 に答える
1

ブロック表示のハックが 1 つ見つかりました:「ブロック」。

このイメージとインラインとして欲しかったウェーブサーファーのオーディオウェーブがありました。しかし、display:"block"; wavesurfer の js では許可されていませんでした。

私がしたことは、このcdnファイルをローカルに保存し、表示をインラインに変更し、位置を絶対に変更して問題を解決したことです。変更は、波要素が作成された場所で行われることになっています。

これが誰かに役立つことを願っています。このような素晴らしいjsを提供してくれたwavesurferクリエイターに感謝します。

于 2017-12-05T10:16:00.793 に答える