Как выровнять таблицу?

В построении сайтов с помощью популярного и простого языка HTML есть определенные правила оформления и выравнивания таблиц. Нередко таблица, которую вы разместили на странице, смещается и поэтому, чтобы она соответствовала общей компоновке страницы, ее необходимо выровнять по центру страницы либо по левому или правому краю. По умолчанию таблица в HTML выравнивается по левому краю и поэтому вам необходимо знать теги, с помощью которых можно изменить ее положение.

Инструкция

Для выравнивания таблицы по центру веб-страницы используйте атрибут align=«center», присутствующий в теге table. Для выравнивания таблицы по правому краю используйте, соответственно, атрибут align=«right». Для выравнивания по левому краю страницы измените значение атрибута на left.

Помимо самой таблицы, выровнять можно и содержимое ее ячеек – по горизонтали, или по вертикали. Для горизонтального выравнивания содержимого ячеек таблицы используйте атрибут align тега tr с соответствующим значением. Для ячеек примените его к тегу td.

Поэкспериментируйте с различным выравниванием строк в разных ячейках – вы можете выровнять текст в одной ячейке таблицы по центру, а в другой – по правому или левому краю.

Для вертикального выравнивания текста воспользуйтесь атрибутом valign=«top» для тегов tr и td, чтобы поместить содержимое по верхнему краю ячейки. Чтобы поместить содержимое по средней линии ячейки, смените значение top на middle, а для выравнивания по нижнему краю ячейки смените значение на bottom. Также выровнять содержимое можно по базовой линии (значение baseline).

Регулируя выравнивание содержимого ячеек как в горизонтальной, так и в вертикальной плоскости, вы сможете придать таблице именно тот вид, который она должна иметь в готовом виде на вашей веб-странице.

Оцените статью!