A Way Sederhana ke Center a Table Menggunakan CSS

Satu baris kode adalah semua yang Anda butuhkan untuk memusatkan meja

Cascading Style Sheets (CSS) adalah bahasa style sheet yang paling sering digunakan untuk mengatur gaya visual halaman web yang ditulis dalam HTML dan XHTML. Anda mungkin baru mengenal desain web atau CSS dan memiliki pertanyaan tentang cara memusatkan meja di halaman web. Anda juga mungkin seorang perancang berpengalaman yang bingung tentang bagaimana melakukan teknik ini sekarang karena atribut CENTER dan align = "center" tidak digunakan lagi dalam tag TABEL. Dengan CSS, memusatkan tabel pada halaman web sama sekali tidak sulit.

Gunakan CSS untuk Membuat Tabel

Anda dapat menambahkan satu baris ke lembar gaya CSS Anda untuk memusatkan semua tabel secara horizontal:

tabel {margin: auto; }

atau Anda dapat menambahkan baris yang sama ke meja Anda secara langsung:

Saat Anda menempatkan tabel di halaman web, Anda menempatkannya di dalam elemen tingkat blok seperti BODY, P, BLOCKQUOTE, atau DIV. Anda dapat memusatkan meja di dalam elemen tersebut dengan menggunakan margin: otomatis; gaya. Ini memberitahu browser untuk membuat margin di semua sisi tabel sama, yang memposisikan tabel di tengah halaman web.

Beberapa Browser Web Lama Tidak Mendukung Metode Ini

Jika situs Anda harus mendukung browser web yang lebih lama, seperti Internet Explorer 6, maka Anda harus terus menggunakan align = "center" atau tag CENTER untuk memusatkan tabel Anda. Itu tentang satu-satunya komplikasi yang akan Anda hadapi ketika memusatkan tabel Anda pada halaman web. Menggunakan teknik ini mudah dan dapat dilakukan dalam hitungan menit.