Orodha ya maudhui:

Je, ninawekaje picha ya usuli kwenye div?
Je, ninawekaje picha ya usuli kwenye div?

Video: Je, ninawekaje picha ya usuli kwenye div?

Video: Je, ninawekaje picha ya usuli kwenye div?
Video: ZIJUE ALAMA ZA DASHBOARD YA GARI YAKO NA MATUMIZI YAKE 2024, Novemba
Anonim

Laha ya mtindo: CSS

Kisha, ninawekaje picha kwenye div?

Kwa katikati ya picha kwa kutumia upatanishi wa maandishi: kituo ; lazima uweke

ndani ya kipengele cha kiwango cha kuzuia kama vile a div . Kwa kuwa kipengele cha kupanga maandishi kinatumika tu kwa vipengele vya kiwango cha kuzuia, unaweka upatanishi wa maandishi: kituo ; kwenye kipengee cha kufunika kiwango cha kuzuia ili kufikia kitovu cha mlalo

Baadaye, swali ni, ninawezaje kuweka div? Mbinu ya Kulinganisha Maandishi

  1. Weka div ambayo ungependa kuweka katikati na kipengee kikuu (kinachojulikana kama kanga au kontena)
  2. Weka "panganisha maandishi: katikati" hadi kipengele cha mzazi.
  3. Kisha weka div ya ndani kuwa "onyesha: inline-block"

Katika suala hili, ninawezaje kupanga picha ya usuli katikati?

Kwa kituo au kuweka nafasi picha ya mandharinyuma unapaswa kutumia usuli - nafasi mali. The usuli - nafasi mali huweka mwanzo nafasi ya a picha ya mandharinyuma kutoka juu na kushoto pande za kipengele. Sintaksia ya CSS ni usuli - nafasi : thamani ya xvalue;.

Ninawezaje kuweka div kwa mlalo?

Wacha tuone kuweka katikati kwa hatua kwa hatua:

  1. Weka upana wa kipengele cha nje (yaani 100% inashughulikia mstari mzima).
  2. Weka kipengele cha ukingo kuwa kiotomatiki ili kuweka kipengee katikati kwa mlalo ndani ya ukurasa.
  3. Weka rangi unazopendelea kwa div za nje na za ndani kwa kutumia sifa ya rangi ya usuli.

Ilipendekeza: