¿Cómo se crea un div oculto que no crea un descanso de línea u espacio horizontal??
Esta publicación discutirá los siguientes métodos:
- Método 1: Cree un DIV oculto utilizando la propiedad "Mostrar" CSS
- Método 2: Cree un DIV oculto utilizando la propiedad de "visibilidad" de CSS
Método 1: Cree un DIV oculto utilizando la propiedad "Mostrar" CSS
Para crear un div oculto que no cree un espacio horizontal de ruptura de línea, use el "mostrar"Propiedad con el valor"ninguno".
Para la demostración, consulte los pasos dados.
Paso 1: Agregar encabezado
Agregue un rumbo con la ayuda de
etiqueta. Luego, agregue los datos entre la etiqueta de encabezado.
Paso 2: Agregar datos en la etiqueta del párrafo Paso 3: crear un contenedor Linuxhint Ltd UK Linuxhint proporciona el mejor contenido en diferentes categorías. Producción Ahora, oculemos el contenedor agregado. Paso 4: Ocultar contenedor Div Acceda a la clase utilizando el selector de puntos con el nombre de la clase como ".escondite" aplicar "mostrar"Propiedad CSS y establece el valor como"ninguno"Por ocultar el Div. Se puede observar que el contenedor agregado ahora está oculto, y no crea un descanso de línea u espacio horizontal: Método 2: Crear un DIV oculto utilizando la propiedad de "visibilidad" de CSS El CSS "visibilidadLa propiedad se usa específicamente para mostrar o ocultar un elemento HTML sin cambiar el diseño del documento. Para crear un div oculto usando el "visibilidadPropiedad ", agregue el siguiente código en el archivo CSS: Ahora, acceda al contenedor Div utilizando el ".escondite"Y aplica el"visibilidad"Propiedad, y establece su valor como"oculto". Producción Has aprendido sobre el método para crear un DIV oculto utilizando las propiedades de CSS. Conclusión Para crear un div oculto que no cree un descanso de línea u espacio horizontal, primero cree un DIV utilizando el "" etiqueta. Después de eso, aplique el "mostrar"Propiedad CSS y establece el valor como"ninguno"Por ocultar el Div. El segundo enfoque es usar el "visibilidad"Y establece su valor como"oculto". Esta publicación se trataba de crear una div escenina sin perturbar el diseño del documento.
A continuación, inserte una etiqueta de párrafo utilizando el "
Ahora, cree un contenedor Div con la ayuda del ""Etiqueta y agregue un"identificación"Atributo como nombre de clase:
Categorías que incluyen Docker, HTML/CSS, JavaScript y muchos más
Pantalla: ninguno;
Visibilidad: oculto;