tabel tengah dalam HTML

Bagaimana cara memusatkan table di dalam div menggunakan html?

Saya telah menempatkan konten saya dalam tag div dan mengatur atribut text-align menjadi center seperti berikut.

text-align: center;

Ini tidak berhasil.

Di bawah ini adalah html saya.

<html>
    <body>
        <div style="text-align:center">
            <p>
    text test
            </p>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </div>
    </body>
</html>

html alignment html-table
person R.S    schedule 20.11.2012    source sumber

Jawaban (6)


arrow_upward
27
arrow_downward

Berikan lebar pada tabel, dan atur margin otomatis secara horizontal.

table {
  width:500px;
  margin: 10px auto;
}
person Kalpesh Patel    schedule 20.11.2012

arrow_upward
7
arrow_downward

Coba yang di bawah ini

<table style="margin:0px auto; width:500px">
person Murali Murugesan    schedule 20.11.2012

arrow_upward
1
arrow_downward

Edit tag tabel seperti di bawah ini

 <table border="1" align="center">

dan kemudian periksa.

person svk    schedule 20.11.2012
comment
tag align tidak digunakan lagi, harap gunakan metode di atas @R.S - person Namphibian; 17.09.2013

arrow_upward
0
arrow_downward

Daripada <div style="text-align:center"> Anda bisa menulis <div style="width:600px;margin:0 auto">
Yang memberi Anda div dengan lebar 600 piksel dan memusatkan div di elemen induk.

person hellozimi    schedule 20.11.2012

arrow_upward
0
arrow_downward

Tambahkan margin: 0px auto ke tag table Anda

person Cdeez    schedule 20.11.2012

arrow_upward
0
arrow_downward

Anda bisa meletakkan gaya di tabel

<table border="1" style="margin:0 auto;">

Namun saya menyarankan agar Anda menggunakan style sheet dan bukan gaya inline

person Claudio Carta    schedule 20.11.2012