HTML-i elementide tsentreerimisega seotud peamine probleem on see, et erinevates brauserites võib olla keeruline saavutada ühtset tulemust. Seda seetõttu, et igal brauseril on oma tõlgendus selle kohta, kuidas elemente tuleks tsentreerida, ja elementide tsentreerimiseks on saadaval erinevaid meetodeid. Lisaks ei pruugi mõned vanemad brauserid toetada kaasaegsemaid HTML-elementide tsentreerimise meetodeid.
<p align="center">This text is centered.</p>
1. See koodirida määrab tsentreeritava teksti joonduse. HTML-märgend
näitab, et tegemist on lõigu elemendiga, ja atribuut align=”center” seab selle elemendi teksti joonduse keskele.
2. Sellel koodireal kuvatakse tekst „See tekst on keskel”. brauseriaknas, mille joondus on seatud keskele, nagu on määratud real 1.
joondada Atribuut
.
align atribuuti kasutatakse lõigu joonduse määramiseks HTML-is. Seda saab kasutada nii teksti joonduse määramiseks lõigu sees kui ka terve lõigu joondamiseks lehel. Selle atribuudi võimalikud väärtused on left, right, center, justify ja inherit. Vaikeväärtus jääb alles.
Kui kasutate lõigu tekstiga joondusatribuuti, joondatakse kõik selle lõigu tekstiread vastavalt määratud väärtusele. Näiteks:
See tekstirida tsentreeritakse.
See paneb kõik selle lõigu tekstiread lehe keskele.
Kui kasutate joondusatribuuti terve lõiguga, joondatakse see konkreetne lõik vastavalt määratud väärtusele. Näiteks:
Kogu see tekstirida joondatakse paremale.
See toob kaasa selle konkreetse tekstirea (ja muu selles sisalduva sisu) paremale joondamise lehel.
Kuidas määrata teksti joondus HTML-is
Teksti joonduse seadistamine HTML-is toimub atribuudiga style. Atribuut style määrab elemendi tekstisisese stiili.
HTML-is teksti joonduse määramiseks kasutage atribuuti style ja atribuuti text-align. Teksti joondamise atribuut määrab teksti horisontaalse joonduse elemendis.
Järgmine näide näitab, kuidas määrata lõigu jaoks vasakule, paremale, keskele ja joondusi.
See on vasakule joondatud.
See on paremale joondatud.
See on joondatud keskele.
See on õigustatud.
