Come si crea un div nascosto che non crea una rottura di linea o uno spazio orizzontale?
Questo post discuterà i seguenti metodi:
- Metodo 1: creare un div nascosto utilizzando la proprietà "display" CSS
- Metodo 2: creare un div nascosto utilizzando la proprietà "visibilità" CSS
Metodo 1: creare un div nascosto utilizzando la proprietà "display" CSS
Per creare un div nascosto che non crea uno spazio orizzontale di interruzione di linea, usa il “Schermo"Proprietà con il valore"nessuno".
Per la dimostrazione, controlla i passaggi indicati.
Passaggio 1: aggiungi l'intestazione
Aggiungi una voce con l'aiuto di
etichetta. Quindi, aggiungi i dati tra il tag di intestazione.
Passaggio 2: aggiungi i dati nel tag paragrafo
Successivamente, inserire un tag di paragrafo utilizzando il "
Passaggio 3: creare un contenitore
Ora, crea un contenitore div con l'aiuto di "Tag e aggiungi un "id"Attributo come nome della classe:
Linuxhint Ltd UK
Linuxhint fornisce il miglior contenuto in diverse categorie.
Categorie tra cui Docker, HTML/CSS, JavaScript e molti altri
Produzione
Ora, nascondiamo il contenitore aggiunto.
Passaggio 4: nascondi il contenitore di div
.Hide-divvisualizzazione: nessuno;
Accedi alla classe utilizzando il selettore DOT con il nome della classe come ".Hide-Div" fare domanda a "Schermo"Proprietà CSS e impostare il valore come"nessuno"Per nascondere il div.
Si può osservare che il contenitore aggiunto è ora nascosto e non crea una rottura di linea o spazio orizzontale:
Metodo 2: crea una divie nascosta utilizzando la proprietà "visibilità" CSS
Il CSS "visibilità"La proprietà viene utilizzata specificamente per mostrare o nascondere un elemento HTML senza modificare il layout del documento.
Per creare un Div nascosto usando il "visibilità"Proprietà, aggiungi il seguente codice nel file CSS:
.Hide-divVisibilità: nascosto;
Ora, accedi al contenitore Div usando il ".Hide-Div"E applicare il"visibilità"Proprietà e impostare il suo valore come"nascosto".
Produzione
Hai imparato il metodo per la creazione di un div nascosto utilizzando le proprietà CSS.
Conclusione
Per creare un Div nascosto che non crea una rottura di linea o uno spazio orizzontale, prima, crea un Div utilizzando il ""Tag. Dopodiché, applica il "Schermo"Proprietà CSS e impostare il valore come"nessuno"Per nascondere il div. Il secondo approccio è usare il "visibilità"E imposta il suo valore come"nascosto". Questo post riguardava la creazione di un div nascosto senza disturbare il layout del documento.