Qanday Qilib Veb-saytni Markazga Aylantirish Kerak

Mundarija:

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

Video: Qanday Qilib Veb-saytni Markazga Aylantirish Kerak

Video: Qanday Qilib Veb-saytni Markazga Aylantirish Kerak
Video: Web Saytni Tekinga Hostinga Joylash || Saytni Tekinga Internetga Qoyish 2024, May
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: