Kuinka keskitän tekstiä pystysuunnassa ja jaan vaakasuunnassa?
Kuinka keskitän tekstiä pystysuunnassa ja jaan vaakasuunnassa?

Video: Kuinka keskitän tekstiä pystysuunnassa ja jaan vaakasuunnassa?

Video: Kuinka keskitän tekstiä pystysuunnassa ja jaan vaakasuunnassa?
Video: Microsoft Word -asiakirjojen keskittäminen (nopea opetusohjelma) 2024, Marraskuu
Anonim

varten pystysuora kohdistus , aseta yläelementin leveydeksi/korkeudeksi 100 % ja lisää näyttö: taulukko. Muuta sitten alielementin näyttö taulukkosoluksi ja lisää pystysuora - kohdistaa : keskellä. varten vaakasuora keskitys , voit joko lisätä teksti - kohdistaa : keskusta to keskusta the teksti ja muut rivin alatason elementit.

Yksinkertaisesti niin, kuinka kohdistat tekstin keskelle pystysuoraan?

Aseta absoluuttinen sijainti ja negatiivinen marginaali Voimme tasaa teksti pystysuunnassa kanssa asema ja marginaaliominaisuudet, joita käytetään lohkotason elementtien kanssa. Älä unohda asettaa haluamasi elementin korkeutta keskusta . Set top: 50%; ja vasen: 50 %; to keskusta lapsen vasempaan nurkkaan.

Lisäksi, kuinka keskitän div vaakasuunnassa? Katsotaan a:n keskittämistä vaakasuunnassa askel askeleelta:

  1. Aseta ulomman elementin leveys (eli 100 % peittää koko rivin).
  2. Aseta marginaaliominaisuuden arvoksi automaattinen keskittääksesi elementin vaakasuunnassa sivulla.
  3. Aseta haluamasi värit ulompiin ja sisäisiin diveihin käyttämällä taustaväri-ominaisuutta.

Miten keskität tässä suhteessa vaaka- ja pystysuunnassa?

  1. Napsauta solua, johon haluat keskittää sisällön.
  2. Napsauta "Etusivu" ja napsauta sitten pientä nuolta nauhan Tasaus-alueen alakulmassa.
  3. Napsauta "Vaaka"-kohdan vieressä olevaa pudotusvalikkoa ja valitse "Keski". Tee sama Pysty-kohdan vieressä olevassa ruudussa.
  4. Keskitä teksti napsauttamalla "OK".

Kuinka keskitän div pystysuunnassa?

Pystysuora sisällön yhdenmukaistaminen JavaScriptin ja CSS:n kanssa osoittaa sen. Moderni tapa keskusta elementti pystysuoraan olisi käyttää flexboxia. Tarvitset vanhemman päättämään pituuden ja lapsen keskusta . Alla oleva esimerkki tekee keskusta a div kohtaan keskusta selaimessasi.

Suositeltava: