центральная таблица в HTML

Как я могу центрировать table внутри div с помощью html?

Я поместил свой контент в тег div и установил для атрибута text-align значение center, как показано ниже.

text-align: center;

Это не сработало.

Ниже мой html.

<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 источник

Ответы (6)


arrow_upward
27
arrow_downward

Дайте ширину таблице и установите поля автоматически по горизонтали.

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

arrow_upward
7
arrow_downward

Попробуйте ниже

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

arrow_upward
1
arrow_downward

Отредактируйте тег таблицы, как показано ниже.

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

а затем проверьте.

person svk    schedule 20.11.2012
comment
Тег выравнивания устарел, используйте методы выше @R.S - person Namphibian; 17.09.2013

arrow_upward
0
arrow_downward

Вместо <div style="text-align:center"> вы можете написать <div style="width:600px;margin:0 auto">
Это даст вам div шириной 600 пикселей и центрирует div в родительском элементе.

person hellozimi    schedule 20.11.2012

arrow_upward
0
arrow_downward

Добавьте margin: 0px auto к тегу table

person Cdeez    schedule 20.11.2012

arrow_upward
0
arrow_downward

вы можете поместить стиль в таблицу

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

Однако я предлагаю вам использовать таблицу стилей, а не встроенные стили.

person Claudio Carta    schedule 20.11.2012