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

Для каждой ячейки вы можете задать способ выравнивания текста, как по вертикали, так и по горизонтали. Способы выравнивания задаются специальными ключевыми словами valign и align. Вы можете задать также способ выравнивания для всей таблицы полностью или для заданной строки. Но, как правило, это выполняется только для одной ячейки.

Каждое из ключевых слов align и valign имеет четыре возможных значения.

Значение ключевого слова Описание
ALIGN=LEFT Выравнивает текст в ячейке (таблице, строке) по левому краю (идет по умолчанию)
ALIGN=CENTER Выравнивает текст в ячейке (таблице, строке) по центру
ALIGN=RIGHT Выравнивает текст в ячейке (таблице, строке) по правому краю
ALIGN=JUSTIFY Растягивает текст в ячейке (таблице, строке) на всю строку
VALIGN=TOP Растягивает текст от самого верха ячейки (полезно, когда информация в строке состоит из нескольких строк)
VALIGN=MIDDLE Выравнивает текст в ячейке в ячейке вертикально по центру (идет по умолчанию)
VALIGN=BOTTOM Выравнивает текст в ячейке по нижнему краю

Продолжая работать с бейсбольной таблицей (та, в которой есть список), введем ключевое слово VALIGN=TOP для всей строки, содержащей список, чтобы текст не "плавал" в центре ячейки. Изменим тэг этой строки таким образом:

<table align="center" border="1"> <tr> <th>Имя</th> <th>Команда</th> <th>Победы/поражения</th> <th>Очки</th> <th>Ауты</th> </tr> <tr valign=top> <td>Пит Шурек</td> <td>Цинциннати</td> <td>16-2</td> <td>2,73</td> <td>194</td> <td> <li>команда "All-Star Team" <li>Награда MVP <li>Серебряная летучая мышь </td> </tr> <tr> <td>Гидео Немо</td> <td>Лос-Анджелес</td> <td>19-8</td> <td>2,94</td> <td>399</td> </tr> <tr> <td>Грег Энгриус</td> <td>Атланта</td> <td>24-6</td> <td>2,21</td> <td>275</td> </tr> </table>

Вот что получится в результате:

Имя Команда Победы/поражения Очки Ауты Пит Шурек Цинциннати 16-2 2,73 · команда "All-Star Team" · Награда MVP · Серебряная летучая мышь Гидео Немо Лос-Анджелес 19-8 2,94 Грег Энгриус Атланта 24-6 2,21

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: