Ten post pokazuje metodę wyrównania zawartości div na dole w HTML.

Jak wyrównać treść Div na dół?

Aby wyrównać treść DIV na dole, wypróbuj następujące instrukcje krok po kroku.

Krok 1: Dodaj pierwszy pojemnik

Najpierw stwórz „”Pojemnik i dodaj klasę z nazwą zgodnie z wyborem. Na przykład określiliśmy nazwę klasy jako „nagłówek”I„ „wyrównywać„Właściwość służy do ustawienia treści DIV w„Centrum".

Krok 2: Dodaj nagłówek

Dodaj kolejny kontener Div z klasą „Linuxhint1". Następnie dodaj nagłówek, wkładając tekst między „

”Tag.

Krok 3: Wstaw treść

Wstaw inny „”Tag wraz z atrybutem klasy„Linuxhint2". Następnie osadziłem trochę tekstu.

Krok 4: Utwórz div

Utwórz nową div wraz z „ID”Atrybut i określ wartość jako„spód". Następnie dodaj tekst w utworzonym div:

Witryna samouczka Linuxhint

Można zauważyć, że tekst został pomyślnie dodany zgodnie z powyższym kodem:

Styl ”.nagłówek ”za pomocą CSS

Uzyskać dostęp do ".nagłówek”Klasa z HTML i zastosuj wymienione właściwości:

• Przypisz „pozycja”Właściwość i ustaw wartość jako„względny„Aby ustawić element względny jego obecnej pozycji bez zmiany otaczającej orientacji.
• Przypisz „granica„Wartość nieruchomości skrót od” jako „1px solid #0a944f”, Który określa szerokość, styl i kolor obramowania.
• „„szerokość”Służy do ustawienia szerokości elementu.
• "wysokość„Właściwość definiuje wysokość elementu.

Zastosuj właściwości CSS na inne zajęcia

Uzyskać dostęp do "Linuxhint1„Klasa z„.”Selektor i ustaw„tekst-align„Nieruchomość jako„Centrum”:

A później ".Linuxhint2„Selektor jest wykorzystywany do uzyskiwania dostępu do kontenera Div o klasie”Linuxhint2”I wstaw„ „tekst-align„Nieruchomość jako„Centrum”:

Styl „#bottom” za pomocą CSS

Teraz uzyskaj dostęp do „spód”Identyfikator i zastosuj właściwość pozycji jako„absolutny„Aby umieścić element bezwzględny w jego bieżącej pozycji bez modyfikowania otaczającego go układu:

Wyjście

Stwierdziliśmy metodę wyrównania zawartości Div na dół.

Wniosek

Aby wyrównać zawartość DIV na dno, CSS ”tekst-align" I "pozycja„Można zastosować właściwości. „Wyrównanie tekstu” określa poziome wyrównanie tekstu wewnątrz elementu. Natomiast właściwość „pozycji” określa, w jaki sposób umieszczane są elementy dokumentu. Ten post wykazał procedurę wyrównania zawartości elementu DIV na dno.