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