Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Выравнивание текста в таблице
|
|
Для каждой ячейки вы можете задать способ выравнивания текста как по вертикали, так и по горизонтали. Способы выравнивания задаются специальными ключевыми словами align и valign. Вы можете задать также способ выравнивания для всей таблицы полностью или для заданной строки. Но, как правило, это выполняется только для одной ячейки, хотя и остальные способы имеют место применения.
Каждое из ключевых слов align и valign имеет четыре возможных значения. Они используются так же, как и описанные выше ключевые слова объединения в теге < td>,. Сейчас я приведу вам таблицу, в которой даны эти значения:
| Значение ключевого слова | Описание |
| ALIGN=LEFT | Выравнивает текст в ячейке (таблице, строке) по левому краю (идет по умолчанию) |
| ALIGN=CENTER | Выравнивает текст в ячейке (таблице, строке) по центру |
| ALIGN=RIGHT | Выравнивает текст в ячейке (таблице, строке) по правому краю |
| ALIGN=JUSTIFY | Растягивает текст в ячейке (таблице, строке) на всю строку (проверено на MSIE 4.0+) |
| 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> |
И посмотрим что получилось:
|
|
|