right - float css para que sirve

Desventaja de "pantalla: bloque" para las imágenes?

Question

¿Hay algún inconveniente para convertir img de elementos de bloque en línea en objetos de bloque con la display: block propiedad CSS?

La mayoría de las veces, quiero que sean elementos de block . ¿Algún inline útil en inline que estoy perdiendo? (Tal vez no estoy viendo algunos como útil?)

¿Deberían todas las imágenes convertirse en elementos de block por defecto? ¿Por qué son elementos de bloque en línea según la especificación?

PD. Lo pido con consideraciones para el diseño mediante posicionamiento y flotantes, y elementos circundantes.

Answer 1

Ponga img { display: block; } img { display: block; } en tu CSS y olvídate de eso. En la instancia extremadamente rara que necesita algo diferente, escriba una excepción.

Answer 2

Bien, considerando que un bloqueo forzará cualquier cosa después del salto de línea, solo hay un escenario en el que sería malo:

Si planeas tener otro elemento en línea (texto, otra imagen, extensión, etc.) al lado

Answer 3

Se encontró un truco para la visualización del bloque: "bloque".

Tenía esta imagen y la onda de audio wavesurfer que quería como en línea. Pero, la pantalla: "bloque"; en el js de wavesurfer no lo estaba permitiendo.

Lo que hice fue guardar este archivo cdn localmente y cambiar la visualización a en línea y posición a absoluta, lo que resolvió mi problema. Se supone que el cambio debe hacerse donde se crea el elemento de onda.

Espero que esto ayude a alguien. Gracias a los creadores de wavesurfer por tan increíbles js.