¿Hay un opuesto a la exhibición: ninguno?

Un verdadero opuesto a display: none no existe (todavía).

Pero display: unset es muy cercano y funciona en la mayoría de los casos.

Desde MDN (Red de Desarrolladores de Mozilla):

La palabra clave CSS unset es la combinación de las palabras clave initial y inherit. Al igual que estas otras dos palabras clave de CSS, se puede aplicar a cualquier propiedad CSS, incluida la abreviatura de CSS all. Esta palabra clave restablece la propiedad a su valor heredado si hereda de su padre o a su valor inicial si ni. En otras palabras, se comporta como la palabra clave inherit en el primer caso y como la palabra clave inicial en el segundo caso.

(fuente: https://developer.mozilla.org/docs/Web/CSS/unset)

Tenga en cuenta también que display: revert se está desarrollando actualmente. Véase MDN para más detalles.

Al cambiar el elemento display en Javascript, en muchos casos una opción adecuada para 'deshacer' el resultado de element.style.display = "none" es element.style.display = "". Esto elimina la declaración display del atributo style, revirtiendo el valor real de la propiedad display al valor establecido en la hoja de estilos para el documento (al valor predeterminado del navegador si no se redefine en otro lugar). Pero el enfoque más confiable es tener una clase en CSS como

.invisible { display: none; }

Y añadiendo/eliminando este nombre de clase a/desde element.className.

Puede usar

display: normal;

Funciona normalmente.... Es un pequeño hackeo en css;)

Como explica Paul, no hay un opuesto literal de display: ninguno en HTML, ya que cada elemento tiene una visualización predeterminada diferente y también puede cambiar la visualización con una clase o estilo en línea, etc.

Sin embargo, si usa algo como jQuery, sus funciones mostrar y ocultar se comportan como si hubiera un opuesto a mostrar ninguno. Cuando se oculta, y luego se muestra un elemento de nuevo, se mostrará exactamente de la misma manera que lo hacía antes de que se ocultara. Lo hacen almacenando el antiguo valor de la mostrar la propiedad al ocultar el elemento para que cuando lo muestre de nuevo se muestre de la misma manera que lo hizo antes de ocultarlo. https://github.com/jquery/jquery/blob/740e190223d19a114d5373758127285d14d6b71e/src/css.js#L180

Esto significa que si establece un div, por ejemplo, para mostrar en línea, o bloque en línea y lo oculta y luego lo muestra de nuevo, se mostrará una vez más como mostrar en línea o bloque en línea igual que antes

<div style="display:inline" >hello</div>
<div style="display:inline-block">hello2</div>
<div style="display:table-cell" >hello3</div>

Script:

  $('a').click(function(){
        $('div').toggle();
    });

Aviso que la propiedad display del div permanecerá constante incluso después de que se oculte (display: none) y se muestre de nuevo.

Uso display:block; Funciona para mí

En el caso de una hoja de estilo para imprimir, utilizo lo siguiente:

/* screen style */
.print_only { display: none; }

/* print stylesheet */
div.print_only { display: block; }
span.print_only { display: inline; }
.no_print { display: none; }

Usé esto cuando necesitaba imprimir un formulario que contenía valores y los campos de entrada eran difíciles de imprimir. Así que agregué los valores envueltos en un lapso.etiqueta print_only (div.print_only se usó en otro lugar) y luego aplicó la clase .no_print a los campos de entrada. Así que en la pantalla verías los campos de entrada y cuando se imprimen, solo los valores. Si desea obtener fantasía que podría utilizar JS para actualizar los valores en las etiquetas span cuando se actualizaron los campos, pero eso no era necesario en mi caso. Tal vez no la la solución más elegante, pero funcionó para mí!

La mejor respuesta para display: none es

display:inline

O

display:normal

Visibility:hidden ocultará el elemento pero el elemento es su con DOM. Y en caso de display: none eliminará el elemento del DOM.

Así que tiene la opción de ocultar o mostrar el elemento. Pero una vez que lo eliminas ( me refiero a mostrar ninguno) no tiene un valor opuesto claro. display tiene varios valores como display: block, display: inline, display: inline-block y muchos otros. puede comprobarlo desde el W3C.

Puedes usar esto display:block; y también agregar overflow:hidden;

El mejor "opuesto" sería devolverlo al valor predeterminado que es:

display: inline