Hvordan kan jeg vertikalt justere elementer i en div

Mens vi skriver HTML -dokumenter, legger vi ofte til noen elementer som bilder, avsnitt og ikoner. Noen ganger blir det vanskelig å justere elementene ordentlig. En DIV -tag i HTML brukes som beholder i et HTML -dokument. Mens vi skriver et HTML -program, setter vi for det meste bilder, tekst og ikoner i en div -tag. Det er forskjellige metoder som hjelper til med å samkjøre divelementene enten vertikalt eller horisontalt.

I dette innlegget vil vi diskutere noen av de enkleste måtene å samkjøre elementene vertikalt i en div ved hjelp av HTML og CSS.

Gjennom Line-Height-eiendommen

En av de enkleste måtene å samkjøre divelementene vertikalt er å legge til en linjehøydeegenskap i CSS-stilelementet. Hvis det er elementer i Div ID -attributtet, kan de justeres etter tillegg i CSS -stilelementet:

I stilelementet, bruk CSS ID -velgeren (#ID). Legg til linjehøydegenskapen i den og definer høyde i piksler (PX):

Å legge til linjehøydeegenskapen og definere høyde justerer DIV-beholderelementene på en slik måte at den skaper avstanden mellom linjene vertikalt i henhold til den brukerdefinerte verdien. For eksempel, hvis linjehøydeverdien i koden var 30px i stedet for 15px, ville avstanden mellom DIV -elementene vært større. Følgende vil være utgangen fra denne koden med en 15px linjehøydeavstand:

Elementene er blitt justert vertikalt ved bruk av Line Height CSS -egenskapen.

Gjennom polstringseiendommen

For å samkjøre elementer vertikalt i en DIV -klasse, er det en annen enkel metode. Elementene kan justeres vertikalt enkelt ved å legge til polstringseiendom:

I CSS -stilelementet, bare legg til polstringseiendom med en verdi i piksler og legg til kantvekt:

#Demo img
polstring: 5px 0;
Border: 2px Solid #5C34EB;

Den vil lage polstring rundt hvert element i DIV og vise følgende utgang:

I divelementet ovenfor er alt vi gjorde å legge til en polstringseiendom I ID -velgeren nevnt i CSS -stilelementet.

Dette var de to enkle metodene for å justere elementene i en div vertikalt.

Konklusjon

For å justere DIV-elementet vertikalt, er det mange enkle metoder, som å legge til en linjehøydeegenskap i CSS-stilelementet ved å bruke en ID-velger som refererer til Div ID-attributtet eller legge til en padding-egenskap i ID-velgeren i CSS-stilelementet. Denne artikkelen forklarte godt hvordan du skal samkjøre divelementene vertikalt.