пример
HTML таблицы с различными вертикальными выровненные рядами:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
Попробуй сам " Определение и использование
valign атрибут задает вертикальное выравнивание содержимого в строке таблицы.
Поддержка браузеров
Атрибут | |||||
---|---|---|---|---|---|
valign | да | да | да | да | да |
Замечания по совместимости
valign атрибут <tr> не поддерживается в HTML5. Вместо этого используйте CSS.
Синтаксис CSS: <tr style="vertical-align:bottom">
CSS Пример: вертикальное выравнивание содержимого внутри <tr>
В нашем учебнике CSS вы можете найти более подробную информацию о недвижимости вертикального выравнивания .
Синтаксис
<tr valign="top|middle|bottom|baseline">
значения атрибутов
Стоимость | Описание |
---|---|
top | Содержание Топ-Align |
middle | Содержание Центр-Align |
bottom | Содержание Bottom-Align |
baseline | Базовая линия является "воображаемая линия", который большинство буквы "сидят" на, в строке текста. Базовое значение задает строку так, чтобы все данные таблицы одни и те же исходные условия. Часто это имеет тот же эффект, что и нижнее значение. Тем не менее, если шрифты разных размеров, базовый уровень выглядит лучше. Посмотрите на иллюстрации ниже |
Иллюстрация дна против исходного уровня, если шрифты разных размеров:
valign="bottom"
valign="baseline"