Kuidas tsentreerida teksti vertikaalselt ja jagada horisontaalselt?
Kuidas tsentreerida teksti vertikaalselt ja jagada horisontaalselt?

Video: Kuidas tsentreerida teksti vertikaalselt ja jagada horisontaalselt?

Video: Kuidas tsentreerida teksti vertikaalselt ja jagada horisontaalselt?
Video: Автоматический календарь-планировщик смен в Excel 2024, November
Anonim

Sest vertikaalne joondamine , määrake põhielemendi laiuseks/kõrguseks 100% ja lisage kuva: tabel. Seejärel muutke alamelemendi kuvamiseks tabel-lahter ja lisage vertikaalne - joondada : keskmine. Sest horisontaalne tsentreerimine , võite lisada tekst - joondada : Keskus juurde Keskus a tekst ja mis tahes muud tekstisisesed alamelemendid.

Lihtsalt, kuidas joondate teksti vertikaalselt keskele?

Määrake absoluutne positsioneerimine ja negatiivne marginaal Me saame teksti vertikaalselt joondamine koos positsiooni ja veerise omadused, mida kasutatakse plokitaseme elementidega. Ärge unustage määrata soovitud elemendi kõrgust Keskus . Set top: 50%; ja vasakule: 50%; juurde Keskus lapse vasak nurk.

Lisaks, kuidas tsentreerida div horisontaalselt? Vaatame a tsentreerimist horisontaalselt samm-sammult:

  1. Määra välimise elemendi laius (st 100% katab kogu joone).
  2. Määrake veerise atribuudiks automaatne elemendi horisontaalseks tsentreerimiseks lehel.
  3. Määrake oma eelistatud värvid välimiste ja sisemiste lahtrite jaoks, kasutades atribuuti taustavärv.

Sellega seoses, kuidas tsentreerida horisontaalselt ja vertikaalselt?

  1. Klõpsake lahtrit, kuhu soovite sisu keskele paigutada.
  2. Klõpsake valikul "Kodu", seejärel klõpsake lindi ala "Joondamine" allnurgas väikest noolt.
  3. Klõpsake valiku "Horisontaalne" kõrval olevat rippmenüüd ja valige "Kesk". Tehke sama kastis „Vertikaalne”.
  4. Teksti tsentreerimiseks klõpsake "OK".

Kuidas vertikaalselt tsentreerida div?

Vertikaalne sisu joondamine JavaScripti ja CSS-iga näitab seda. Kaasaegne viis Keskus element vertikaalselt oleks kasutada flexboxi. Teil on vaja vanem, kes otsustab pikkuse ja laps Keskus . Allpool toodud näide Keskus a div juurde Keskus teie brauseris.

Soovitan: