Kā es varu centrēt tekstu (horizontāli un vertikāli) div

Izvade

2. darbība. Piekļūstiet div konteineram, lai līdzinātu tekstu centrā

Tagad piekļūstiet div konteineram, izmantojot ' id ' atribūta nosaukums ar atlasītāju ' # ” un lietojiet šādus CSS rekvizītus:

Šeit:

• • ' platums ” rekvizīts tiek izmantots, lai iestatītu konteinera platuma izmēru.
  • ' starpība ” norāda tukšu vietu ārpus konteinera.
  • ' polsterējums ” definē atstarpi elementa robežas iekšpusē.
  • ' fons ” iestata fona krāsu elementa aizmugurē.
  • ' teksta līdzināšana ' rekvizīts tiek izmantots, lai iestatītu teksta līdzinājumu kā ' centrs ”.
  • ' krāsa ” norāda robežās esošā teksta krāsu.

Var novērot, ka izveidotajā div esam veiksmīgi centrējuši līdzināto tekstu horizontāli:

Kā centrēt tekstu vertikāli div iekšā?

Lai centrētu tekstu vertikāli div konteinerā, izpildiet sniegtos norādījumus.

1. darbība. Piekļūstiet div konteineram

Vispirms piekļūstiet izveidotajam div konteineram.

2. darbība. Lietojiet CSS rekvizītus tekstam vertikāli

Pēc tam izmantojiet tālāk norādītos CSS rekvizītus, lai centrētu tekstu vertikāli div:

Saskaņā ar iepriekš minēto koda fragmentu:

• • Iestatiet ' displejs ', kas norāda elementa displeja darbību kā ' galda šūna ”, kas nozīmē, ka tā darbojas kā tabulas šūna elementā div.
  • ' platums ” rekvizīts norāda elementa platuma izmēru.
  • ' augstums ” iestata elementa augstumu.
  • ' polsterējums ” definē tukšu vietu elementa iekšpusē.
  • ' krāsa ” tiek izmantots, lai iestatītu teksta krāsu elementā.
  • ' fona krāsa ” norāda elementa aizmugures krāsu.
  • ' robeža Īpašums definē elementa robežu.
  • ' vertikāli izlīdzināt rekvizīts tiek izmantots, lai iestatītu definēta elementa vertikālo izlīdzināšanu vidū ”.

Izvade

Jūs uzzinājāt par visu procedūru teksta centrēšanai konteinerā abos veidos — vertikāli un horizontāli.

Secinājums

Lai centrētu tekstu vertikāli un horizontāli div iekšpusē, vispirms izveidojiet div konteineru ar elementa