Hoe sentreer ek teks vertikaal en Div horisontaal?
Hoe sentreer ek teks vertikaal en Div horisontaal?

Video: Hoe sentreer ek teks vertikaal en Div horisontaal?

Video: Hoe sentreer ek teks vertikaal en Div horisontaal?
Video: How to Center in CSS - EASY ( Center Div and Text Vertically and Horizontally ) 2024, November
Anonim

Vir vertikale belyning , stel die ouerelement se breedte/hoogte op 100% en voeg vertoon: tabel by. Verander dan vir die kind-element die skerm na tabel-sel en voeg by vertikaal - belyn : middel. Vir horisontale sentrering , jy kan óf byvoeg teks - belyn : sentrum aan sentrum die teks en enige ander inlyn kinderelemente.

Eenvoudig so, hoe sentreer jy teks vertikaal?

Stel absolute posisionering en negatiewe marge Ons kan belyn teks vertikaal met die posisie en marge-eienskappe wat met die blokvlak-elemente gebruik word. Moenie vergeet om die hoogte van die element wat jy wil in te stel nie sentrum . Set top: 50%; en links: 50%; aan sentrum linkerhoek van die kind.

Verder, hoe sentreer ek 'n div horisontaal? Kom ons kyk na die sentrering van a in 'n horisontaal stap vir stap:

  1. Stel die breedte van die buitenste element (d.w.s. 100% dek die hele lyn).
  2. Stel die marge-eienskap op outomaties om die element in die bladsy horisontaal te sentreer.
  3. Stel jou voorkeurkleure vir buitenste en binneste divs met behulp van die agtergrondkleur-eienskap.

Met betrekking tot hierdie, hoe sentreer jy horisontaal en vertikaal?

  1. Klik op die sel waar jy die inhoud wil sentreer.
  2. Klik op "Tuis", klik dan op die klein pyltjie in die onderste hoek van die "Belyning"-area van die lint.
  3. Klik op die aftrekkassie langs "Horizontaal" en kies "Sentrum". Doen dieselfde ding in die blokkie langs "Vertikaal."
  4. Klik "OK" om jou teks te sentreer.

Hoe sentreer ek 'n div vertikaal?

Vertikaal belyning van inhoud met JavaScript en CSS demonstreer dit. N moderne manier om sentrum 'n element vertikaal sou wees om flexbox te gebruik. Jy het 'n ouer nodig om die lengte te besluit en 'n kind na sentrum . Die voorbeeld hieronder sal sentrum a div na die sentrum binne jou blaaier.

Aanbeveel: