Questo post dimostra il metodo per allineare il contenuto di un div in fondo in HTML.

Come allineare il contenuto di un div al fondo?

Per allineare il contenuto di div in basso, prova le seguenti istruzioni passo-passo.

Passaggio 1: aggiungi il primo contenitore

Innanzitutto, crea un ""Container e aggiungi la classe con il nome secondo la tua scelta. Ad esempio, abbiamo specificato il nome della classe come "intestazione" e il "allineare"La proprietà viene utilizzata per impostare il contenuto di div in"centro".

Passaggio 2: aggiungi l'intestazione

Aggiungi un altro contenitore di div con la classe "Linuxhint1". Successivamente, aggiungi un'intestazione inserendo il testo tra "

"Tag.

Passaggio 3: inserire il contenuto

Inserisci un altro ""Tag insieme all'attributo di classe"Linuxhint2". Quindi, incorporare un po 'di testo.

Passaggio 4: crea div

Crea un nuovo div insieme al "id"Attributo e specificare il valore come"metter il fondo a". Successivamente, aggiungi il testo nel div creato:

Sito di tutorial di Linuxhint

Si può vedere che il testo è stato aggiunto correttamente in base al codice sopra:

Stile ".header ”usando CSS

Accedi al ".intestazione"Classe da HTML e applica le proprietà menzionate:

• Assegna il "posizione"Proprietà e impostare il valore come"parente"Per posizionare un elemento relativo verso la sua posizione attuale senza cambiare l'orientamento attorno ad esso.
• Assegna il "confine"Valore della proprietà stenografico come"1px solido #0a944f", Che specifica la larghezza, lo stile e il colore del bordo.
• IL "larghezza"Viene utilizzato per impostare la larghezza dell'elemento.
• "altezza"La proprietà definisce l'altezza dell'elemento.

Applicare le proprietà CSS su altre classi

Accedi al "Linuxhint1Classe "con il"."Selettore e imposta il"allineamento"Proprietà come"centro":

Poi il ".Linuxhint2"Il selettore viene utilizzato per l'accesso al contenitore Div con classe"Linuxhint2"E inserire il"allineamento"Proprietà come"centro":

Stile "#bottom" usando CSS

Ora, accedi al "metter il fondo a"ID e applicare la proprietà di posizione come"assoluto"Posizionare un elemento assoluto nella sua posizione attuale senza modificare il layout attorno ad esso:

Produzione

Abbiamo dichiarato il metodo per allineare il contenuto di un div al fondo.

Conclusione

Per allineare il contenuto di div in basso, il CSS "allineamento" E "posizione"Le proprietà possono essere utilizzate. L'allineamento del testo "definisce l'allineamento orizzontale del testo all'interno di un elemento. Considerando che la proprietà "posizione" specifica come sono posizionati gli elementi di un documento. Questo post ha dimostrato la procedura per allineare il contenuto di un elemento div in fondo.