Kako lahko sredim besedilo (vodoravno in navpično) znotraj div

Izhod

2. korak: Dostopite do vsebnika div za sredinsko poravnavo besedila

Zdaj dostopajte do vsebnika div s pomočjo » id »ime atributa z izbirnikom« # « in uporabite naslednje lastnosti CSS:

Tukaj:

• • “ premer Lastnost se uporablja za nastavitev velikosti širine vsebnika.
  • “ marža ” določa prazen prostor zunaj vsebnika.
  • “ oblazinjenje ” določa presledek znotraj meje elementa.
  • “ ozadje ” nastavi barvo ozadja na zadnji strani elementa.
  • “ poravnava besedila ' lastnost se uporablja za nastavitev poravnave besedila kot ' center ”.
  • “ barva ” določa barvo za besedilo znotraj meje.

Opazimo lahko, da smo poravnano besedilo uspešno centrirali vodoravno znotraj ustvarjenega diva:

Kako centrirati besedilo navpično znotraj diva?

Če želite besedilo centrirati navpično znotraj vsebnika div, sledite navedenim navodilom.

1. korak: Dostop do vsebnika div

Najprej odprite ustvarjeni vsebnik div.

2. korak: Uporabite lastnosti CSS za sredinsko besedilo navpično

Nato uporabite spodaj navedene lastnosti CSS za navpično središče besedila v divu:

Glede na zgornji delček kode:

• • Nastavite ' zaslon «, ki določa vedenje prikaza elementa kot » tabela-celica «, kar pomeni, da deluje kot celica tabele v elementu div.
  • “ premer Lastnost določa velikost širine elementa.
  • “ višina ” nastavi višino elementa.
  • “ oblazinjenje ” določa prazen prostor znotraj elementa.
  • “ barva ” se uporablja za nastavitev barve besedila znotraj elementa.
  • “ Barva ozadja ” določa barvo zadnje strani elementa.
  • “ meja Lastnost določa mejo na elementu.
  • “ navpično poravnati ' lastnost se uporablja za nastavitev navpične poravnave definiranega elementa v ' sredina ”.

Izhod

Spoznali ste celoten postopek za centriranje besedila znotraj vsebnika na oba načina, navpično in vodoravno.

Zaključek

Če želite besedilo centrirati navpično in vodoravno znotraj diva, najprej ustvarite vsebnik div s pomočjo elementa