یک راه ساده برای ایجاد یک جدول با استفاده از CSS

یک خط از کد همه شما نیاز به مرکز یک جدول

Cascading Style Sheets (CSS) یک زبان سبک است که اغلب برای تنظیم سبک بصری صفحات وب نوشته شده در HTML و XHTML استفاده می شود. شما ممکن است برای طراحی وب یا CSS جدید باشید و در مورد نحوه قرار دادن یک جدول در یک صفحه وب سؤالی دارید. شما همچنین ممکن است یک طراح با تجربه باشد که در مورد چگونگی انجام این تکنیک اشتباه کرده است و اکنون تگ CENTER و align = "center" در تگ جدول تضعیف شده اند. با استفاده از CSS، جداول مرکزی در یک صفحه وب کاملا دشوار نیست.

از CSS به مرکز یک جدول استفاده کنید

شما می توانید تنها یک خط را به شیوه CSS خود اضافه کنید تا تمامی جداول را به طور افقی در مرکز قرار دهید:

جدول {حاشیه: خودکار؛ }

یا می توانید این همان خط را به جدول خود اضافه کنید:

هنگام قرار دادن جدول در یک صفحه وب، آن را در یک عنصر سطح بلوک مانند BODY، P، BLOCKQUOTE یا DIV قرار دهید. شما می توانید جدول درون آن عنصر را با استفاده از حاشیه: auto؛ سبک. این به مرورگر می گوید که حاشیه ها در هر طرف از جدول برابر است، که جدول را در مرکز صفحه وب قرار می دهد.

برخی از مرورگرهای وب قدیمی تر از این روش پشتیبانی نمی کنند

اگر سایت شما باید یک مرورگر وب قدیمیتر مانند اینترنت اکسپلورر 6 را پشتیبانی کند، شما باید همچنان از align = "center" یا تگ CENTER برای قرار دادن جداول خود استفاده کنید. این در مورد تنها عوارضی است که در هنگام محاسبه جداول خود در یک صفحه وب اجرا می کنید. با استفاده از این تکنیک آسان است و می تواند در عرض چند دقیقه اجرا شود.