Cara Mudah untuk Memusatkan Jadual Menggunakan CSS

Satu baris kod adalah semua yang anda perlukan untuk memusatkan jadual

Cascading Style Sheets (CSS) adalah bahasa lembaran gaya yang paling sering digunakan untuk menetapkan gaya visual laman web yang ditulis dalam HTML dan XHTML. Anda mungkin baru dalam reka bentuk web atau CSS dan mempunyai soalan tentang cara memusatkan jadual di laman web. Anda juga mungkin seorang pereka yang berpengalaman yang bingung mengenai bagaimana untuk melaksanakan teknik ini sekarang bahawa tag CENTER dan align = "center" atribut tidak digunakan dalam tag TABLE. Dengan CSS, jadual pusat di laman web tidak sama sekali sukar.

Gunakan CSS untuk Pusat Jadual

Anda boleh menambah satu baris pada helaian gaya CSS anda untuk memusatkan semua jadual secara mendatar:

jadual {margin: auto; }

atau anda boleh menambah baris yang sama ke meja anda secara langsung:

Apabila anda meletakkan meja di laman web, anda meletakkannya dalam elemen peringkat blok seperti BODY, P, BLOCKQUOTE, atau DIV. Anda boleh memusatkan jadual dalam elemen tersebut dengan menggunakan margin: auto; gaya. Ini memberitahu pelayar untuk membuat margin di semua sisi jadual sama, yang meletakkan jadual di tengah-tengah halaman web.

Beberapa Penyemak Imbas Web Lebih Lama Tidak Mendukung Kaedah ini

Jika tapak anda mesti menyokong penyemak imbas web yang lebih lama, seperti Internet Explorer 6, maka anda perlu terus menggunakan align = "center" atau tag CENTER untuk memusatkan jadual anda. Itulah mengenai satu-satunya komplikasi yang akan anda jalankan apabila memusatkan jadual anda pada halaman web. Menggunakan teknik ini adalah mudah dan boleh dilaksanakan dalam masa beberapa minit.