Pielāgojiet Savu Vietni Centram

Kodējot, tīmekļa pārzinim ir jāpieliek daudz pūļu, lai vietne izskatās vienlīdz labi ar dažādu ekrāna izšķirtspēju. Labākais risinājums ir visu lapas saturu centrēt.

Instrukcijas

1. solis

Centra izlīdzināšanas metode ir atkarīga no izkārtojuma metodes. Jūs varat izmantot tagus vai

… Protams, visu saturu ir vieglāk ietīt tagā, taču tas ir novecojis jau sen, un nav garantijas, ka viss darbosies pareizi. Vismodernākais veids ir CSS tehnoloģijas izmantošana.

2. solis

Tagi atdala daļu koda vienā blokā, ļaujot mainīt satura izskatu, piešķirot fragmentam vienu fontu, krāsu, fonu utt. Izmantojot bloka izkārtojumu, viss taga saturs tiek ievietots tagā. Tajā mēs iestatījām izlīdzināšanu ar atribūtu align. Tas izskatīsies šādi:

Vietnes saturs

3. solis

Centrēšanu var iestatīt arī, izmantojot CSS rīkus. Lai to izdarītu, jums jāizveido atsevišķs stilu lapu fails vai viss jāievieto tajā pašā HTML failā tagā. Kods izskatīsies šādi:

* {starpība: 0; polsterējums: 0;}

ķermenis {

text-align: center;

}

div {

platums: 700 pikseļi;

margin: 0 auto;

}

4. solis

Tabulu izkārtojumā centrēšana tiek iestatīta, izmantojot tagā esošās tabulas

… Kods būs šāds: <vietnes tabula

… Tabula atradīsies attiecīgi lapas centrā, un arī tās saturs. Varat arī iestatīt jebkura bloka platumu, norādot to, izmantojot platuma parametru.

5. solis

Izvēloties lapas platumu, ņemiet vērā, ka lietotāju ekrāna izšķirtspēja var ļoti atšķirties no jūsu. Dažreiz, lai netiktu sajaukts ar izmēru, viss jāiestata procentos. Tas ir īpaši noderīgi, ja jums ir vienkārša vietne.

6. solis

Neatkarīgi no izmantotās metodes pārliecinieties, vai jūsu vietne darbojas pareizi visās pārlūkprogrammās. Ja kāda iemesla dēļ tas ir nepareizi parādīts vienā no tiem - norādiet to.