Sisu

• Sammud
• Meetod 1: 2: CSS (soovitatav)
• Meetod 2/2: HTML -i atribuut "align"

Atribuut joondama silt html> on alates HTML5 -st aegunud. Kuigi see atribuut töötab enamikus veebibrauserites, on soovitatav joondada pildid kaskaadlaadilehtede (CSS) abil. Selles artiklis näitame teile, kuidas pilte CSS -i ja aegunud märgendi abil tsentreerida. joondama.

Sammud

Meetod 1: 2: CSS (soovitatav)

1. 1 Lisage pildile HTML -kood. Kujutise joondamiseks kasutate kaskaadlaadilehti (CSS), kuid peate selle lehele HTML -i abil paigutama. Järgnev on näide sildi kasutamisest img> pildi sisestamiseks oma koodi:

   img src = "koer.webp" alt = "see on koera pilt">

   • Selle asemel koer.webp asendage pildifaili nimi ja sisestage pärast "alt" pildi kirjeldus. Tähendus Keskus "klassi" jaoks ei muutu, sest loote selle nimega CSS -klassi.
2. 2 Leidke CSS -kood. Kui teie saidil on eraldi CSS -fail, avage see. Kui ei, siis on CSS tõenäoliselt HTML -faili ülaosas, siltide sees pea>... Siltide leidmiseks kerige faili ülaosani stiil> / stiil>.
   • Kui sildid stiil> / stiil> ei, lisage need. Lisateabe saamiseks lugege seda artiklit.
3. 3 Pildi joondamiseks lisage CSS. "50%" asemel võite pildi kuvamiseks lehel sisestada mõne muu väärtuse. Te ei saa pilti tsentreerida väärtusega "100%", seega peaks see arv olema erinev.

   .keskus {kuva: plokk; margin-left: auto; margin-right: auto; laius: 50%; }

4. 4 Salvestage muudatused. Salvestage HTML -fail ja CSS -fail (kui neid on). See asetab pildi keskele.
   • Ka siltide sees img> saab lisada teiste piltide tsentreerimiseks.

Meetod 2/2: HTML -i atribuut "align"

1. 1 Loo uus lõik. Kuigi see piltide tsentreerimise meetod on aegunud, töötab see paljudes brauserites. Siiski soovitame CSS -i kasutada saidi toimimiseks, kui brauserid lõpetavad määratud atribuudi toetamise. Pidage meeles, et atribuut joondama tsentreerib pildi ainult seda ümbritseva elemendi sees (näiteks siltide sees) p> / p> või div> / div>). Näitena loome HTML -failis uue lõigu, lisades selle p> eraldi real.
2. 2 Lisage pildile HTML -kood. Sisestage märgendi järel järgmine kood p>... Kasutage seda näidet juhendina:

   p> img src = "koer.webp" alt = "pilt" joondamine = "keskel">

   • Selle asemel koer.webp asendage pildifaili nimi ja sisestage pärast "alt" pildi kirjeldus.
   • Keskmine atribuut käsib brauseril kuvada pildi lehe keskel.
3. 3 Sulgege lõigu silt. Selleks lisage / p> pildimärgi järel. Valmis kood peaks välja nägema umbes selline:

   p> img src = "koer.webp" alt = "pilt" joondamine = "keskmine"> / p>

4. 4 Salvestage muudatused. See asetab pildi keskele.