Свойство 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
  • Дмитрий Валак
    Верно, исправил