Ruxsat etilgan kenglik tartibi bilan hujjatni markazlashtirish uchun CSS-dan foydalaning

Ruxsat etilgan kenglik tartiblari ba'zi mashhur brauzerlar bilan o'rtada bo'lishi qiyin bo'lishi mumkin, lekin bu faqat bir necha qatorli kodlar bilan amalga oshirilishi mumkin.

Bu yerda qanday qilib

  1. HTML tahrirlovchisida CSS uslubi varaqli yangi veb-sahifa yarating.
  2. Sahifadagi hamma narsani saqlaydigan asosiy element sifatida div elementini yarating.
  3. Ushbu div elementiga sahifadagi noyob identifikatorni bering.
  4. CSS uslublar jadvalini oching va div elementingizning kengligini o'rnating. div # main {kenglik: 750px; }
  5. Div-ni markazlashtirish uchun avtomatik chekka joylarni qo'shing. div # main {kenglik: 750px; margin-left: auto; margin-right: auto}
  6. Uni Netscape 4 uchun tuzatish va IE 4 - 6 ( quirks rejimi ) tanaga matnni hizalamoqni qo'shing. body {text-align: center; }
  7. Keyin ichidagi barcha matnlar markazlashtirilgan, shuning uchun matnni alifga kiritib, #main div-ga matn qo'shing: chap; u yerda. div # main {kenglik: 750px; margin-left: auto; margin-right: auto; matnni aylantirish: chap; }
  8. Sahifangizni va uslublar jadvalini saqlang.
  9. Ko'p veb-brauzerlarda test qilish.

Maslahat

Bu joylashtirish qutisini markazida joylashtiradi, lekin uning tarkibida emas. Ichki tarkibni markazlashtirish uchun matnni aylantirishdan foydalaning.