Свойство vertical-align
Вертикальное выравнивание inline / table-cell элементов в блоке
vertical-align: middle;Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Значения
vertical-align: top;
Возможные значения: baseline, sub, super, text-top, text-bottom, middle, top, bottom
<style>
.table-1 {
border-collapse: collapse;
}
.table-1 td {
border: 1px solid #ccc;
vertical-align: top;
padding: 5px 15px;
}
</style>
<table class="table-1">
<tr>
<td>Дмитрий</td>
<td>[email protected] <br>273819283</td>
<td>22.12.2019</td>
</tr>
</table>| Дмитрий | [email protected] 273819283 |
22.12.2019 |
vertical-align: middle;
<style>
.table-2 {
border-collapse: collapse;
}
.table-2 td {
border: 1px solid #ccc;
vertical-align: middle;
padding: 5px 15px;
}
</style>
<table class="table-2">
<tr>
<td>Дмитрий</td>
<td>[email protected] <br>273819283</td>
<td>22.12.2019</td>
</tr>
</table>| Дмитрий | [email protected] 273819283 |
22.12.2019 |
vertical-align: bottom;
<style>
.table-3 {
border-collapse: collapse;
}
.table-3 td {
border: 1px solid #ccc;
vertical-align: bottom;
padding: 5px 15px;
}
</style>
<table class="table-3">
<tr>
<td>Дмитрий</td>
<td>[email protected] <br>273819283</td>
<td>22.12.2019</td>
</tr>
</table>| Дмитрий | [email protected] 273819283 |
22.12.2019 |
Читайте также
Обсуждение (2)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
Ратмир
Согласно mdn (https://developer.mozilla.org/ru/docs/Web/CSS/vertical-align) в vertical-align нет значения center, но есть middle
-
Дмитрий ВалакВерно, исправил