Inconvénient de "display: block" pour les images?

Est-il un inconvénient à la conversion de img de inline-block éléments dans le bloc-objets avec la display: block propriété CSS?

La plupart du temps, je veux qu'ils soient block éléments. Tout utile inline aspects que je perds? (Peut-être que je ne suis pas le voir quelques comme utile?)

Toutes les images doivent être convertis en block éléments par défaut? Pourquoi sont-ils inline-block éléments selon les spec?

P. S. je suis demander ce, avec des considérations pour la mise en page via le positionnement & flotteurs, et les éléments environnants.

source d'informationauteur Baumr

  1. 13

    Bien vu qu'un bloc de force quoi que ce soit après de saut de ligne, il y a un seul scénario où il serait mauvais:

    Si vous prévoyez d'avoir un autre élément inline (texte, une autre image, durée, etc) à côté

  2. 1

    Mettre img { display: block; } dans votre CSS et de l'oublier. Dans les très rares cas où vous avez besoin de quelque chose de différent d'écrire une exception.

  3. 0

    Un hack trouvé pour le bloc d'affichage:"block".

    J'ai eu cette image et la wavesurfer d'onde audio qui je voulais en ligne.
    Mais, à l'écran:"block"; dans le js de wavesurfer ne permettait pas à elle.

    Ce que j'ai fait, sauvé ce ca fichier localement et changé le affichage inline et position à l'absolu qui a résolu mon problème. Le changement est censé être fait où la vague élément est créé.

    Espère que cela aide quelqu'un. Thanku wavesurfer créateurs pour un incroyable js.

  4. 0

    Il y a un inconvénient :
    Si vous prévoyez à l'horizontale du centre de l'image en appliquant "text-align:center" à l'élément parent, vous ne pouvez pas afficher l'image en tant que block ou inline-block.