Qanday Qilib Veb-saytni Markazga Aylantirish Kerak

Qanday Qilib Veb-saytni Markazga Aylantirish Kerak
Qanday Qilib Veb-saytni Markazga Aylantirish Kerak

Mundarija:

Anonim

Bugungi kunda ko'pgina sahifalar qatlamlar (div) yordamida joylashtirilgan, shuning uchun saytni brauzer oynasining markaziga moslashtirish muammosi sahifaning ko'rinadigan maydonining kengligini belgilaydigan qatlamni markazlashtirish vazifasiga qadar kamayadi. U oynaning o'rtasida joylashgan bo'lishi uchun uning asosiy elementi yoki ushbu blokning o'zi uchun mos sozlamalarni o'rnatish kerak.

Qanday qilib veb-saytni markazga aylantirish kerak
Qanday qilib veb-saytni markazga aylantirish kerak

Bu zarur

HTML va CSS tillari haqida asosiy bilimlar

Ko'rsatmalar

1-qadam

O'zingiz joylashtirmoqchi bo'lgan qatlamni oynaning o'rtasiga, markaz yorlig'ining ochilish va yopilish qismlari o'rtasida joylashtiring, agar siz faqat HTML tili vositalaridan foydalanmoqchi bo'lsangiz (HyperText Markup Language - "gipermatnni belgilash tili"). Sahifa chegaralarini belgilaydigan qatlamning asosiy qismi ushbu sahifaning tanasi deb o'ylaymiz. Bu holda markaziy yorliqdan foydalangan holda HTML kodining eng oddiy versiyasi quyidagicha ko'rinishi mumkin:

Markaz sahifasi

sahifa matni

2-qadam

Agar siz sahifani markazlashtirish uchun CSS (Cascading Style Sheets) dan foydalanmoqchi bo'lsangiz, brauzer oynasining chegaralaridan to'ldirishni avtomatik o'lchamidan foydalaning. CSS-da margin o'lchamlari margin parametri bilan belgilanadi. Oldingi namunadagi markaz teglarini olib tashlang va sahifaning kengligini belgilaydigan qatlamning uslub atributiga 0 avtomatik margin parametrini qo'shing:

Markaz sahifasi

sahifa matni

3-qadam

Albatta, uslub ta'rifi uslub atributidan chiqarilib, tashqi faylga yoki hujjat boshiga (va teglar orasida) joylashtirilishi mumkin. Bunday holda, xuddi shu kod quyidagicha ko'rinadi:

Markaz sahifasi

#pageFrame {

kengligi: 700 piksel;

balandligi: 400 piksel;

fon: # 0BB;

margin: 0 avtomatik;

}

sahifa matni

Tavsiya: