Блог

Главная - Вопросы по программированию - Кажется, я не могу понять, как выровнять мою таблицу по центру

Кажется, я не могу понять, как выровнять мою таблицу по центру

#html-table #alignment #center

#html-таблица #выравнивание #центр

Вопрос:

 <table border="0" align="center">
<tbody>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
</tbody>
</table>

Я не силен в программировании. Я пытался, но не могу понять это. Ваша помощь была бы очень признательна.

Ответ №1:

 // CSS:

#container {
    text-align:center; // needed if you expect IE 5
}

.centered {
    margin:0px auto; // this sets left/right margin to auto and
                     // centers the element
}


// HTML:

<div id="container">
    <table class="centered" border="0">
        ...
    </table>
</div>

Или, если вы хотите создать встроенный стиль:

 <div style="text-align:center;">
    <table style="margin:0px auto;" border="0">
        ...
    </table>
</div>

Комментарии:

1. Пожалуйста. Пожалуйста, не стесняйтесь отмечать это как ответ.

Ответ №2:

Попробуйте это:

 <div style="width: 100%; text-align: center;">
    <!-- Your table here -->
</div>

Комментарии:

1. Спасибо, но это не сработало. Я использую WordPress. Я ввожу код, и таблица центрируется в области администратора. Но когда я захожу на сайт и обновляю страницу, таблица по-прежнему находится в левой части страницы.

2. @JackStevens похоже, что это было бы полезной информацией в вашем вопросе.

3. Также спасибо за вашу помощь, Джефф. Встроенное предложение Денниса в стиле отлично сработало. Спасибо.