CSS Вирівнювання в таблиці
Горизонтальне вирівнювання
Властивість text-align встановлює горизонтальне вирівнювання (наприклад, зліва, справа або по центру) змісту в <th> або <td>.
За замовчуванням зміст елемента <th> вирівняно по центру, а зміст елемента <td> вирівняно зліва.
Щоб вирівняти по центру зміст елемента <td> також використовуйте властивість text-align: center:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Щоб вирівняти зміст по лівому краю, примусово вирівняйте елементи <th> по лівому краю за допомогою властивості text-align: left:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Вертикальне вирівнювання
Властивість vertical-align встановлює вертикальне вирівнювання (наприклад, по верхньому краю, нижньому краю або по середині) змісту в <th> або <td>.
За замовчуванням вертикальне вирівнювання змісту в таблиці посередині (для елементів <th> та <td>).
В наступному прикладі встановлюється вертикальне вирівнювання тексту по низу для елементів <td>:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
