CSS-dan foydalangan holda jadvalni markazlashtirilgan oddiy usul

Bir satr kodi bitta stolni markazlashtirish uchun kerak

Uslublar kaskadli jadvallari (CSS) HTML va XHTML-da yozilgan veb-saytlarning ingl. Uslubini o'rnatish uchun eng ko'p ishlatiladigan uslublar tili tilidir. Siz veb-dizayn yoki CSS uchun yangi bo'lishi mumkin va veb-sahifadagi jadvalni qanday markazlashtirish haqida savollaringiz bo'lishi mumkin. Bundan tashqari, CENTRE tegini va align = "center" xususiyati TABLE yorlig'i ichida eskirgan ushbu texnikani qanday bajarish haqida shubhalangan tajribali dizayner bo'lishi mumkin. CSS yordamida veb-sahifadagi jadvallarni markazlashtirish qiyin emas.

Jadvalni markazlashtirish uchun CSS-dan foydalaning

Barcha jadvallarni gorizontal ravishda markazlashtirish uchun CSS uslublar jadvaliga bitta satr qo'shishingiz mumkin:

jadval {margin: auto; }

yoki siz o'sha jadvalni jadvalga to'g'ridan-to'g'ri qo'shishingiz mumkin:

Jadvalni veb-sahifaga joylashtirganingizda, uni BODY, P, BLOCKQUOTE yoki DIV kabi blok darajadagi elementga joylashtirasiz . Jadvalni margindan foydalanib, ushbu elementning ichida markazlashtirishingiz mumkin : auto; uslubi. Bu brauzerni jadvalning barcha tomonlariga tenglashtiradi va bu jadvalni veb-sahifaning markazida joylashadi.

Ba'zi bir eski veb-brauzerlar ushbu usulni qo'llab-quvvatlamaydi

Agar saytingiz Internet Explorer 6 kabi eski veb-brauzerni qo'llab-quvvatlashi kerak bo'lsa, unda jadvallarni markazlashtirish uchun align = "center" yoki center yorlig'idan foydalanishni davom ettirishingiz kerak. Bu sizning veb-sahifangizda jadvallarni markazlashtiradigan yagona murakkablik. Ushbu texnikani ishlatish oson va bir necha daqiqada bajarilishi mumkin.