Ihanay Ang Iyong Site Sa Gitna

2024 May -akda: Lauren Nevill | [email protected]. Huling binago: 2023-12-16 18:56

Kapag nag-coding, kailangang gumawa ng labis na pagsisikap ang webmaster upang gawing pantay na mahusay ang hitsura ng site sa iba't ibang mga resolusyon sa screen. Ang pinakamahusay na solusyon ay isentro ang lahat ng nilalaman sa pahina.

Panuto

Hakbang 1

Ang pamamaraan ng pagkakahanay sa gitna ay nakasalalay sa pamamaraan ng layout. Maaari kang gumamit ng mga tag o

… Siyempre, mas madaling ibalot ang lahat ng nilalaman sa isang tag, ngunit luma na ang panahon, at walang garantiya na gagana ang lahat nang tama. Ang pinaka-modernong paraan ay ang paggamit ng teknolohiyang CSS.

Hakbang 2

Pinaghihiwalay ng tag ang isang bahagi ng code sa isang bloke, pinapayagan kang baguhin ang hitsura ng nilalaman, na nagbibigay sa fragment ng isang font, kulay, background, atbp. Sa layout ng block, lahat ng mga nilalaman ng tag ay inilalagay sa tag. Sa itinakda namin ang pagkakahanay sa katangian ng pag-align. Ganito ang magiging hitsura nito:

Nilalaman ng site

Hakbang 3

Maaari ring maitakda ang pagsentro gamit ang mga tool ng CSS. Upang magawa ito, kailangan mong lumikha ng isang magkakahiwalay na file ng mga styleheet o ilagay ang lahat sa parehong HTML file, sa tag. Magiging ganito ang code:

* {margin: 0; padding: 0;}

katawan {

text-align: gitna;

}

div {

lapad: 700px;

margin: 0 auto;

}

Hakbang 4

Sa layout ng talahanayan, ang centering ay nakatakda gamit ang mga talahanayan sa tag

… Magiging ganito ang code: <site table

… Makikita ang talahanayan sa gitna ng pahina, ayon sa pagkakabanggit, at makikita din ang nilalaman nito. Maaari mo ring itakda ang lapad ng anumang bloke sa pamamagitan ng pagtukoy nito gamit ang lapad na parameter.

Hakbang 5

Kapag pumipili ng isang lapad ng pahina, tandaan na ang mga resolusyon ng screen ng mga gumagamit ay maaaring maging ibang-iba sa iyo. Minsan, upang hindi mapagkamalan sa laki, dapat mong itakda ang lahat bilang isang porsyento. Lalo itong kapaki-pakinabang kung mayroon kang isang simpleng site.

Hakbang 6

Alinmang pamamaraan ang gagamitin mo, tiyaking gumagana ang iyong site nang tama sa lahat ng mga browser. Kung sa ilang kadahilanan ito ay maling ipinakita sa isa sa mga ito - ipahiwatig ito.