Jak mogę pionowo wyrównać elementy w div

Podczas pisania dokumentów HTML często dodajemy niektóre elementy, takie jak obrazy, akapity i ikony. Czasami trudno jest poprawnie wyrównać elementy. Tag Div w HTML jest używany jako kontener w dokumencie HTML. Pisząc program HTML, głównie wkładamy obrazy, tekst i ikony do znacznika Div. Istnieją różne metody, które pomagają wyrównać elementy div albo pionowo lub poziomo.

W tym poście omówimy niektóre z najłatwiejszych sposobów wyrównania elementów pionowo w div za pomocą HTML i CSS.

Przez właściwość linii

Jednym z najłatwiejszych sposobów wyrównania elementów DIV jest dodanie właściwości o wysokości linii w elemencie stylu CSS. Jeśli istnieją elementy w atrybucie DIV ID, można je wyrównać po dodaniu w elemencie stylu CSS:

W elemencie stylu użyj selektora CSS ID (#ID). Dodaj w nim właściwość linii i zdefiniuj wysokość w pikselach (PX):

Dodanie właściwości wysokości linii i definiowanie wysokości dostosowuje elementy kontenera Div w taki sposób, że tworzy odległość między wierszami pionowo zgodnie z wartością zdefiniowaną przez użytkownika. Na przykład, jeśli wartość wysokości linii w kodzie wynosiła 30px, a nie 15px, odległość między elementami DIV byłaby większa. Poniżej pojawią się wyjście tego kodu o odległości wysokości linii 15px:

Elementy zostały wyrównane pionowo za pomocą właściwości linii wysokości CSS.

Przez nieruchomość wyściółki

Aby wyrównać elementy pionowo w klasie DIV, istnieje inna łatwa metoda. Elementy można łatwo wyrównać pionowo, dodając wyściółkę właściwości:

W elemencie stylu CSS po prostu dodaj właściwość wyściółki o wartości pikseli i dodaj wagę graniczną:

#demo img
Wyściółka: 5px 0;
granica: 2px Solid #5C34EB;

Utworzy wyściółkę wokół każdego elementu Div i wyświetli następujące dane wyjściowe:

W powyższym elemencie div wszystko, co robiliśmy, to dodać Własność wyściółka W selektorze identyfikacyjnym wymienionym w elemencie stylu CSS.

Były to dwie łatwe metody wyrównania elementów w DIV w pionie.

Wniosek

Aby wyrównać element DIV w pionie, istnieje wiele prostych metod, takich jak dodanie właściwości wysokości linii w elemencie stylu CSS za pomocą selektora identyfikacyjnego odsyłające. W tym artykule dobrze wyjaśniono, jak wyrównać elementy DIV w pionie.