Panga Tovuti Yako Katikati

Orodha ya maudhui:

Panga Tovuti Yako Katikati
Panga Tovuti Yako Katikati

Video: Panga Tovuti Yako Katikati

Video: Panga Tovuti Yako Katikati
Video: 7. Quick Tip: Panga content katikati 2024, Novemba
Anonim

Wakati wa kuweka alama, msimamizi wa wavuti lazima ajitahidi sana kuifanya tovuti hiyo ionekane sawa katika maazimio tofauti ya skrini. Suluhisho bora ni kuweka yaliyomo kwenye ukurasa.

Panga tovuti yako katikati
Panga tovuti yako katikati

Maagizo

Hatua ya 1

Njia ya upangiliaji wa kituo inategemea njia ya mpangilio. Unaweza kutumia vitambulisho au

… Kwa kweli, ni rahisi kufunika yaliyomo kwenye tepe, lakini imepitwa na wakati zamani, na hakuna hakikisho kwamba kila kitu kitafanya kazi kwa usahihi. Njia ya kisasa zaidi ni kutumia teknolojia ya CSS.

Hatua ya 2

Lebo hutenganisha sehemu ya nambari kuwa kizuizi kimoja, hukuruhusu kubadilisha muonekano wa yaliyomo, ikitoa kipande kimoja fonti, rangi, msingi, n.k. Kwa mpangilio wa vizuizi, yaliyomo kwenye lebo huwekwa kwenye lebo. Katika sisi kuweka usawa na sifa ya align. Itaonekana kama hii:

Yaliyomo kwenye wavuti

Hatua ya 3

Kituo kinaweza pia kuwekwa kwa kutumia zana za CSS. Ili kufanya hivyo, unahitaji kuunda faili tofauti ya laha za mitindo au kuweka kila kitu kwenye faili moja ya HTML, kwenye lebo. Nambari itaonekana kama hii:

* {margin: 0; padding: 0;}

mwili {

andika-maandishi: katikati;

}

div {

upana: 700px;

margin: 0 auto;

}

Hatua ya 4

Katika mpangilio wa meza, centering imewekwa kwa kutumia meza kwenye lebo

… Nambari itakuwa kama hii: <tovuti ya meza

… Jedwali litapatikana katikati ya ukurasa, mtawaliwa, na yaliyomo pia. Unaweza pia kuweka upana wa kizuizi chochote kwa kuibainisha kwa kutumia parameter ya upana.

Hatua ya 5

Wakati wa kuchagua upana wa ukurasa, kumbuka kuwa maazimio ya skrini ya watumiaji yanaweza kuwa tofauti sana na yako. Wakati mwingine, ili usikosee na saizi, unapaswa kuweka kila kitu kama asilimia. Hii ni muhimu sana ikiwa una tovuti rahisi.

Hatua ya 6

Njia yoyote unayotumia, hakikisha kwamba tovuti yako inafanya kazi kwa usahihi katika vivinjari vyote. Ikiwa kwa sababu fulani imeonyeshwa vibaya katika moja yao - onyesha hii.

Ilipendekeza: