Autor:
Laura McKinney
Data Creației:
10 Aprilie 2021
Data Actualizării:
1 Iulie 2024
![CSS Center text Horizontal and Vertical](https://i.ytimg.com/vi/WsspKNtaCIg/hqdefault.jpg)
Conţinut
Acest wikiHow vă învață cum să centrați textul pe site-ul HTML folosind Foi de stil în cascadă (CSS). Centrarea textului în HTML se face cu etichete
Pași
Metoda 1 din 2: Prin CSS
Deschideți fișierul care conține stilurile CSS. Deși carduldepășite, dar puteți crea în continuare elemente noi pe care să le adăugați oriunde pe pagină pentru a centra textul în limitele lor. Dacă nu aveți un fișier CSS separat, trebuie să specificați stilul în partea de sus a fișierului HTML, între etichetele „.’. - Dacă încă nu există card Trebuie să adăugați direct sub card în partea de sus a fișierului sunt următoarele:
Creați un strat central de text. Card va cere documentului HTML să se refere la porțiunea specifică de text, deci va trebui să clasificați această etichetă. Vă rugăm să introduceți următorul text în spațiul dintre eticheta „stil”, nu uitați să apăsați ↵ Intrați de două ori după prima linie:
Adăugați proprietăți aliniere text. Import text-align: centru; în spațiul dintre bretele din secțiune div.a. Titlul actual va arăta astfel:
Adaugă un card div textul ar trebui să fie centrat. Continuați plasând cardul text deasupra textului pe care doriți să îl centrați și să îl închideți cu etichete sub textul pe care doriți să îl centrați. De exemplu, pentru a centra un titlu și paragraful de deschidere, trebuie să tastați următoarele:
Utilizarea cardurilor div.a pentru a centra alte regiuni. Dacă doriți să centrați un alt element (de exemplu, conținut între etichete cum ar fi și ), introduce în fața textului și după aceea. Deoarece ați specificat „div.a” ca comandă de centrare, acest text se va concentra la fel ca și precedentul:
Revizuirea documentelor. Conținutul poate varia, dar, în general, documentul dvs. ar trebui să arate așa:
Metoda 2 din 2: utilizați eticheta centrală în HTML
- Deschideți documentul HTML. Această metodă descrie modul de utilizare a etichetelor HTML
(acum învechit, de asemenea). Începând din decembrie 2018, acest card este încă activ în unele browsere web, dar pe termen lung, nu ar trebui să utilizați încă acest card.
Identificați textul pe care doriți să îl centrați. Derulați în jos până găsiți titlul, paragraful sau alt text pe care doriți să îl centrați.
Adăugați eticheta „centru” la capetele textului. Această etichetă centrală are un formattext unde „text” este textul care trebuie centrat. Dacă textul are deja o etichetă interioară (de exemplu, "" pentru paragrafe), eticheta "centrală" poate fi în afara oricăror etichete preexistente:
Examinați documentul HTML. Documentul ar trebui să arate acum: