Jadval tekislash
Gorizontal tekislash
CSS text-align xossasi <th> yoki <td> ichidagi kontentning gorizontal tekislanishini belgilash uchun ishlatiladi.
Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:
left— matnni chapga tekislaydiright— matnni o‘ngga tekislaydicenter— matnni markazlaydi
Eslatma: Standart holatda <th> elementlari kontenti markazga, <td> elementlari kontenti chapga tekislanadi!
CSS text-align: center
<td> elementlari kontentini markazga tekislash uchun text-align: center dan foydalaning:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
CSS text-align: left
<th> elementlari kontentini chapga tekislashga majburlash uchun <th> elementlarida text-align: left dan foydalaning:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Vertikal tekislash
CSS vertical-align xossasi <th> yoki <td> ichidagi kontentning vertikal tekislanishini (top, bottom yoki middle kabi) belgilaydi.
Eslatma: Standart holatda jadval kontentining vertikal tekislanishi middle bo‘ladi (<th> va <td> elementlari uchun ham).
Quyidagi misol <td> elementlari uchun vertikal matn tekislanishini pastga (bottom) o‘rnatadi:
| Firstname | Lastname | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Misol
<td> elementlari uchun vertikal tekislanishni pastga (bottom) o‘rnatish:
td
{
height: 50px;
vertical-align: bottom;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!