Mundarija:

Qanday qilib butun sahifani CSS-da markazlashtirasiz?
Qanday qilib butun sahifani CSS-da markazlashtirasiz?

Video: Qanday qilib butun sahifani CSS-da markazlashtirasiz?

Video: Qanday qilib butun sahifani CSS-da markazlashtirasiz?
Video: 45 daqiqa ichida CSS ni o'rganamiz || CSS darslari o'zbek tilida to'liq kurs 2024, May
Anonim

CSS-dan foydalanib, veb-saytingiz tuzilmasini gorizontal ravishda markazlashtiring

  1. Birinchi qadam: HTML. DOCTYPE e'lon qiling. bo'lgan dastlabki "o'rash" DIV yarating veb-saytlari o'rash. <!
  2. Ikkinchi qadam: CSS . O'ram identifikatorini e'lon qiling -- siz kenglikni e'lon qilishingiz KERAK (aks holda, qanday qilib markaz u?) "Avtomatik" ning chap va o'ng chekkalaridan foydalaning.

Shunday qilib, HTMLda butun sahifani qanday markazlashtirasiz?

CSS yaratish¶ Tashqi elementning kengligini o'rnating (ya'ni 100% butun chiziq). Uni kerakli o'lchamga qarab o'zgartiring. Margin xususiyatini avto-gorizontalga o'rnating markaz ichidagi element sahifa . "Marja: 0 auto" - bu haqiqiy qiladi markazlashtirish.

Hgroup nima? HTML < hgroup > teg HTML hujjati yoki boʻlimining sarlavhasini aniqlash uchun ishlatiladi. Aniqroq aytganda, u to'plamni guruhlash uchun ishlatiladi

sarlavhalar, muqobil sarlavhalar yoki shiorlar kabi bir nechta darajalarga ega bo'lgan elementlar.

Shunga ko'ra, CSS-da qutini qanday markazlashtiraman?

Shunday qilib, agar siz margin-top va margin-left ni mos ravishda balandlik va kenglikning yarmidan biriga manfiy qilib qo'ysangiz, siz olish a markazlashtirilgan quti . ni belgilashingiz mumkin quti belgilangan kenglik va balandlik, keyin esa berish bu margin-top va margin-left xususiyatlari balandlik va kenglikning salbiy yarmi.

Qanday qilib divni vertikal markazlashtiraman?

CSS faqat o'lchamlarni belgilaydi div , vertikal markazda ni o'rnatish orqali oraliqni tekislaydi div chiziq balandligi uning balandligiga teng va oraliqni qatorli blok qiladi vertikal - tekislash: o'rta. Keyin u chiziq balandligini oraliq uchun normal holatga qaytaradi, shuning uchun uning tarkibi blok ichida tabiiy ravishda oqadi.

Tavsiya: