Sisällysluettelo:

Kuinka keskitän taustakuvan div-tiedostoon?
Kuinka keskitän taustakuvan div-tiedostoon?

Video: Kuinka keskitän taustakuvan div-tiedostoon?

Video: Kuinka keskitän taustakuvan div-tiedostoon?
Video: Лучший станок для хобби! Именно Тот случай когда дешевле купить чем сделать самому! 2024, Marraskuu
Anonim

Tyylisivu: CSS

Kuinka sitten keskitän kuvan div-tiedostoon?

Vastaanottaja keskittää kuvan käyttämällä tekstin tasausta: keskusta ; sinun on asetettava

lohkotason elementin sisällä, kuten a div . Koska tekstin tasausominaisuus koskee vain lohkotason elementtejä, asetat tekstin tasauksen: keskusta ; käärintälohkon tasolla vaakasuoran keskityksen saavuttamiseksi

Tämän jälkeen kysymys kuuluu, kuinka keskitän div? Tekstin tasausmenetelmä

  1. Liitä keskitettävä div-elementti yläelementtiin (tunnetaan yleisesti kääreenä tai säiliönä)
  2. Aseta "text-align: center" yläelementiksi.
  3. Aseta sitten sisäinen div kohtaan "näyttö: inline-block"

Miten kohdistan taustakuvan keskelle tässä suhteessa?

varten keskusta tai sijoittamalla taustakuva sinun pitäisi käyttää tausta - asema omaisuutta. The tausta - asema ominaisuus asettaa alun asema a taustakuva elementin ylhäältä ja vasemmalta puolelta. CSS-syntaksi on tausta - asema : xvalue yvalue;.

Kuinka keskitän div vaakasuunnassa?

Katsotaan a:n keskittämistä vaakasuunnassa askel askeleelta:

  1. Aseta ulomman elementin leveys (eli 100 % peittää koko rivin).
  2. Aseta marginaaliominaisuuden arvoksi automaattinen keskittääksesi elementin vaakasuunnassa sivulla.
  3. Aseta haluamasi värit ulompiin ja sisäisiin diveihin käyttämällä taustaväri-ominaisuutta.

Suositeltava: