Блог

Главная - Вопросы по программированию - Выравнивание таблицы HTML

Выравнивание таблицы HTML

#html #css

#HTML #css

Вопрос:

Я пытаюсь создать таблицу с двумя td . Но проблема в том, что TD не может правильно выровнять, если используется более одного td .

Изображение:

введите описание изображения здесь

Вот код:

 <table style="width: 100%; font-family: Arial sans-serif; margin-top: 20px;" border="1">
    <tr style="background-color: #133B6C; padding: 5px; color: white;">
        <td style="float: left;" colspan="2">

            <b>
                <asp:Label ID="Label1" CssClass="lblDetails" runat="server" Text="Comments"></asp:Label>
            </b>

        </td>
    </tr>
    <tr>
       <th>approvers</th>
       <th>approvers</th>
    </tr>
</table>

Ответ №1:

Вы добавили style="float:left;" в свой td . Удалите это, и это сработает. Вы можете использовать style="text-align:left" , чтобы сохранить текст слева.

Ответ №2:

Не float делайте ячейки таблицы. Оно переопределяет display: table-cell , поэтому элемент не размещается обычным способом и colspan не имеет никакого эффекта.

Ответ №3:

Добавьте align=»выровнять» вместо style=»float: left;» Вот пример: