Cum de a centra textul în html

Toți te-ai făcut cum să centreze textul într-un site HTML folosind foi de stil cascading (CSS). Centrarea în HTML a fost făcută cu eticheta, dar această etichetă este considerată depășită și nu mai funcționează în majoritatea browserelor.

Pași

Metoda 1 din 2:
Folosind CSS
  1. Imagine intitulată 2974143 7
1. Deschideți fișierul care conține stilurile dvs. CSS. Deși eticheta este depășită, puteți crea un element nou pentru a adăuga la orice parte a unei pagini la textul central în limitele sale. Dacă nu aveți un fișier separat pentru CSS, veți găsi stilurile din partea de sus a fișierului HTML între"" Etichete.
  • Dacă nu aveți deja și etichetați, adăugați-le direct mai jos în partea de sus a fișierului, astfel:
  • Imagine intitulată 2974143 8
    2. Creați o clasă care centrează textul.
    Eticheta va spune documentului HTML să facă referire la o secțiune specificată de text, deci veți crea o clasă pentru acea etichetă. Introduceți următoarele în spațiul dintre "stil" Etichete, asigurându-vă că apăsați ↵ Introduceți de două ori după prima linie:
    div.A {}
  • Imagine intitulată 2974143 9
    3. Adaugă aliniere text proprietate. Tip Text-align: Centrul- în spațiul dintre cele două paranteze curbate din div.A secțiune. Antetul ar trebui să arate acum:
  • Imagine intitulată 2974143 11
    4. Adăugați corect div Etichetați textul care ar trebui să fie centrat. Veți face acest lucru prin plasarea
    Etichetă deasupra textului pe care doriți să îl centrați și să închideți cu a
    Etichetați sub textul pe care doriți să îl centrați. De exemplu, pentru a centra un antet și textul paragrafului, ați introduce următoarele:
  • Imagine intitulată 2974143 12
    5. Folosește div.A Etichetă pentru a centra alte zone. Pentru a centra un alt element (e.G., Conținutul între etichete cum ar fi și), tastați
    înainte de element, și
    după. De când aveți deja "div.A" Specificat ca comanda centrală, acest lucru va centra textul la fel ca înainte:
  • Imagine intitulată 2974143 13
    6. Examinați documentul dvs. Deși conținutul va varia, documentul dvs. ar trebui să arate așa ceva:
  • Metoda 2 din 2:
    Utilizarea etichetei centrale în HTML
    1. Deschideți documentul HTML. Această metodă descrie modul de utilizare a etichetei HTML, care este acum depășită. Începând cu luna decembrie 2018, această etichetă poate lucra în continuare în unele browsere web, însă nu este sfătuită să se bazeze pe această etichetă pe termen lung.
  • Imagine intitulată 2974143 2
    2. Găsiți textul pe care doriți să îl centrați. Derulați în jos până când găsiți antetul, paragraful sau alt text pe care doriți să îl centrați.
  • Imagine intitulată 2974143 3
    3. Adaugă "centru" Etichetați în fiecare parte a textului. Eticheta centrală este în format
    text
    Unde "text" este textul dvs. Dacă textul dvs. are etichete (e.G., "" pentru textul paragrafului), "centru" Etichetele pot merge în afara etichetelor existente:
  • Imagine intitulată 2974143 4
    4. Examinați documentul dvs. HTML. Documentul dvs. ar trebui să arate așa ceva:
  • Partajați pe rețeaua socială:
    Similar