Hvordan lager du en skjult div som ikke skaper en linjepause eller horisontalt rom?
Dette innlegget vil diskutere følgende metoder:
- Metode 1: Lag en skjult div ved å bruke CSS “Display” -egenskaper
- Metode 2: Lag en skjult div ved å bruke CSS “synlighet” -egenskaper
Metode 1: Lag en skjult div ved å bruke CSS “Display” -egenskaper
For å lage en skjult div som ikke skaper et horisontalt rom i linjen, bruk "vise”Eiendom med verdien”ingen”.
For demonstrasjonen, sjekk ut de gitte trinnene.
Trinn 1: Legg til overskrift
Legg til en overskrift ved hjelp av
stikkord. Deretter legger du til dataene mellom overskriften.
Trinn 2: Legg til data i avsnitts -taggen Trinn 3: Lag en beholder Linuxhint Ltd UK Linuxhint gir det beste innholdet i forskjellige kategorier. Produksjon La oss skjule den ekstra beholderen. Trinn 4: Skjul Div Container Få tilgang til klassen ved å bruke DOT -velgeren med klassenavnet som ".Skjul" søke om "vise”CSS -eiendom og angi verdien som“ingen”For å skjule diven. Det kan observeres at den ekstra beholderen nå er skjult, og den skaper ikke en linjepause eller horisontalt rom: Metode 2: Lag en skjult div ved å bruke CSS “synlighet” -egenskaper CSS “synlighet”Eiendom brukes spesielt til å vise eller skjule et HTML -element uten å endre dokumentoppsettet. For å lage en skjult div ved å bruke “synlighet”Egenskaper, legg til følgende kode i CSS -filen: Få tilgang til Div -beholderen ved å bruke “.Skjul”Og bruk“synlighet”Eiendom, og setter verdien som“skjult”. Produksjon Du har lært om metoden for å lage en skjult div ved å bruke CSS -egenskapene. Konklusjon For å lage en skjult div som ikke skaper en linjepause eller horisontalt rom, skaper du først en div ved å bruke "" stikkord. Etter det, bruk "vise”CSS -eiendom og angi verdien som“ingen”For å skjule diven. Den andre tilnærmingen er å bruke “synlighet”Og setter verdien som“skjult”. Dette innlegget handlet om å lage en skjult div uten å forstyrre utformingen av dokumentet.
Deretter setter du inn et avsnittskode ved å bruke "
Lag nå en DIV -beholder ved hjelp av "”Tag og legg til en“id”Attributt som klassenavnet:
Kategorier inkludert Docker, HTML/CSS, JavaScript og mange flere
Display: Ingen;
Synlighet: skjult;