Lielākā daļa lapu mūsdienās tiek izkārtotas, izmantojot slāņus (div), tāpēc vietnes pielīdzināšanas pārlūka loga centram problēma tiek samazināta līdz slāņa centrēšanas uzdevumam, kas nosaka lapas redzamās zonas platumu. Lai to novietotu loga vidū, ir jāiestata atbilstoši iestatījumi tā vecākajam elementam vai pašam šim blokam.
Tas ir nepieciešams
HTML un CSS valodu pamatzināšanas
Instrukcijas
1. solis
Novietojiet slāni, kuru vēlaties novietot loga centrā, starp centrālā taga atvēršanas un aizvēršanas daļām, ja vēlaties to izdarīt, tikai izmantojot HTML valodas līdzekļus (HyperText Markup Language - "hiperteksta iezīmēšanas valoda").. Mēs pieņemsim, ka slāņa vecāks, kas nosaka lapas robežas, ir šīs lapas pamatteksts. Vienkāršākā HTML koda versija, izmantojot centrālo tagu, šajā gadījumā varētu izskatīties šādi:
Centra lapa
lapas teksts
2. solis
Ja lapas centrēšanai vēlaties izmantot CSS (kaskādes stila lapas), izmantojiet automātisko polsterējuma izmēru no pārlūka loga malām. Maržas lielumus CSS nosaka pēc maržas parametra. Noņemiet centrālās atzīmes no iepriekšējā parauga un pievienojiet 0 auto piemales parametru slāņa stila atribūtam, kas nosaka lapas platumu:
Centra lapa
lapas teksts
3. solis
Protams, stila definīciju var izņemt no stila atribūta un ievietot ārējā failā vai dokumenta galvā (starp un tagiem). Šajā gadījumā tas pats kods izskatīsies šādi:
Centra lapa
#pageFrame {
platums: 700 pikseļi;
augstums: 400 pikseļi;
fons: # 0BB;
margin: 0 auto;
}
lapas teksts
