HTML Table Question

Question

Когда вы создаете базовую таблицу HTML, кажется, что все остается в центре таблицы. Я не хочу этого, как я могу остановить это?

Я хочу использовать HTML-таблицу с двумя столбцами, одну для столбца, для боковой панели для содержимого. Потому что у меня так много контента, текст на боковой панели (которого мало) идет к середине столбца.

Как выровнять текст, чтобы он оставался в верхнем левом углу столбцов?

Answer 1

Вы можете управлять выравниванием столбцов непосредственно в разметке, используя:

<td style="text-align: left; vertical-align: top;"></td>

или даже просто

<td align="left"></td>

Это будет хорошо работать для таблицы с двумя столбцами, но Piccolomomo имеет лучший план, если вы собираетесь его часто использовать. Это может помочь вам в дальнейшем, если вам это нужно: http://www.w3schools.com/html/html_tables.asp

Answer 2

В элементе <td>, который содержит левую боковую панель, попробуйте указать стиль, который выравнивает текст по верху:

<td style="vertical-align: top">(Sidebar HTML code here)</td>

Answer 3

<table>
     <tr valign="top">
        <td align="left">
           Side Bar
        </td>
        <td>
           Content
        </td>
     </tr>
</table>

Answer 4

Для выравнивания текста в таблице вы должны использовать css. Без CSS или любой другой таблицы стилей вы не можете выровнять их. Так что для этого вы можете использовать встроенный CSS или внешний CSS.

<style type="text/css">
table td{
text-align:left;
vertical-align:top;
}
</style>

Answer 5

Вы можете использовать CSS для изменения выравнивания текста внутри таблицы:

td {
    text-align: left;
    vertical-align: top;
}