css - content - style width 100

CSS: "display: auto;"?

Question

La opción auto que otorgan varios atributos CSS es realmente útil. Sin embargo, no parece haber uno para el atributo de display . Esperaría que esto establezca el atributo de display en el navegador predeterminado en función de la etiqueta; por ejemplo, un <div> se restablecería para display: block; , pero un <span> se restablecería para display: inline; .

1. ¿Hay una display: auto equivalente display: auto me he perdido?
2. ¿Si no, porque no?
3. ¿Cuál es la solución más elegante? (Estoy trabajando programáticamente, específicamente con jQuery).

Answer 1

Deberías usar:

$(''element'').css(''display'','''');

Eso configurará la display de lo que sea el valor predeterminado para el element acuerdo con la cascada de CSS actual.

Por ejemplo:

<span></span>
$(''span'').css(''display'',''none'');
$(''span'').css(''display'','''');

dará como resultado un span con display: inline .

Pero:

span { display: block }
<span></span>
$(''span'').css(''display'',''none'');
$(''span'').css(''display'','''');

dará como resultado un span con display: block .

Esto no es un problema: de hecho, casi siempre es el resultado deseado.

Answer 2

Dependiendo del elemento padre y el elemento de etiqueta en cuestión, el navegador puede ajustarse rápidamente para incorporarlo. De manera más efectiva, siempre es bueno usar los estándares de DTD en su etiqueta de apertura HTML para declarar otras propiedades disponibles para el selector de visualización, de lo contrario solo usa "bloque" y "en línea". en consecuencia, si se declara DTD, usando una display: inline-block; la propiedad sería lo mejor en este caso.

Answer 3

En CSS3, hay un valor inicial . Tal vez intente display: initial;

Answer 4

Hay una opción de inherit , que:

Especifica que el valor de la propiedad de visualización debe heredarse del elemento principal

Aparte de eso, simplemente no configure la pantalla en absoluto y se establecerá de manera predeterminada a lo que prefiera. Además, si programáticamente lo configuras en nada, creo que simplemente sigue el comportamiento predeterminado, entonces:

document.getElementById(''myElement'').style.display = '''';

Answer 5

No hay display: auto propiedad display: auto en CSS, los valores válidos están here

El valor predeterminado es display: inline . here

¿Por qué no hay valor automático? Simplemente porque la definición de CSS para la regla. También debería ver las reglas de CSS en torno a la especificidad como se describe en este artículo

Espero que esto ayude.