Dette innlegget demonstrerer metoden for å justere innholdet i en div nederst i HTML.

Hvordan justere innholdet i en div til bunnen?

For å justere DIV-innholdet nederst, prøv følgende trinn-for-trinns instruksjoner.

Trinn 1: Legg til første beholder

Først må du lage en "”Container og legg til klassen med navnet i henhold til ditt valg. For eksempel har vi spesifisert navnet på klassen som "Overskrift" og "tilpasse”Eiendom brukes til å sette DIV -innholdet i“senter”.

Trinn 2: Legg til overskrift

Legg til en annen DIV -beholder med klassen "Linuxhint1”. Etter det, legg til en overskrift ved å sette inn tekst mellom "

" stikkord.

Trinn 3: Sett inn innhold

Sett inn en annen “”Tag sammen med klasseattributtet”Linuxhint2”. Deretter legger du inn litt tekst.

Trinn 4: Lag div

Lage en ny div sammen med "id”Attributt og spesifisere verdien som”bunn”. Deretter legger du til tekst i den opprettede div:

Linuxhint Tutorial nettsted

Det kan sees at teksten er lagt til vellykket i henhold til koden ovenfor:

Stil ".header ”ved hjelp av CSS

Få tilgang til “.Overskrift”Klasse fra HTML og bruk de nevnte egenskapene:

• Tilordne “posisjon”Eiendom og angi verdien som“slektning”Å plassere et element i forhold til sin nåværende stilling uten å endre orienteringen rundt det.
• Tilordne “grense”Shorthand eiendomsverdi som”1px solid #0a944f”, Som spesifiserer grensebredde, stil og farge.
• “bredde”Brukes til å stille inn elementets bredde.
• “høyde”Eiendom definerer elementhøyden.

Bruk CSS -egenskaper på andre klasser

Få tilgang til “Linuxhint1”Klasse med“.”Valg og angi“Tekstalign”Eiendom som“senter”:

Og så ".Linuxhint2”Selector brukes til tilgang til DIV -beholderen som har klasse”Linuxhint2”Og sett inn“Tekstalign”Eiendom som“senter”:

Stil “#bottom” ved hjelp av CSS

Få tilgang til “bunn”ID og anvende posisjonseiendommen som”Absolutt”For å plassere et element som er absolutt til sin nåværende posisjon uten å endre oppsettet rundt det:

Produksjon

Vi har uttalt metoden for å justere innholdet i en div til bunnen.

Konklusjon

For å justere DIV -innholdet til bunnen, CSS “Tekstalign”Og“posisjon”Egenskaper kan brukes. Den "tekst-align" definerer den horisontale justeringen av tekst i et element. Mens "posisjon" -egenskapen spesifiserer hvordan et dokuments elementer er plassert. Dette innlegget har vist prosedyren for å justere innholdet i et divelement til bunnen.