ویژگی text-align جدول در CSS
با ویژگی text-align، می توانیم داده های جدول را مرتب کنیم.
- مقدار right: داده را راست چین می کند.
- مقدار center: داده را وسط چین می کند.
- مقدار left: داده را چپ چین می کند.
| # | نام | نام خانوادگی | سن |
|---|---|---|---|
| 1 | احسان | اسلامی | 31 |
| 2 | امیر | پاشایی | 27 |
th {
text-align: left;
}
td {
text-align: center;
}نکته: برای آشنایی بیشتر با ویژگی text-align، به آموزش چینش متن در CSS مراجعه کنید.
چیدمان عمودی vertical-align در CSS
با ویژگی vertical-align، می توانیم داده های یک جدول را به صورت عمودی ترازبندی کنیم.
| # | نام | نام خانوادگی | سن |
|---|---|---|---|
| 1 | احسان | اسلامی | 31 |
| 2 | امیر | پاشایی | 27 |
th {
vertical-align: bottom;
}
td {
text-align: center;
}نکته: برای آشنایی بیشتر با ویژگی vertical-align، به آموزش چینش متن در CSS مراجعه کنید.
خلاصه درس
در این درس با چیدمان جدول (Table Align) در CSS:
- چیدمان عمودی (vertical-align)
آشنا شدیم.
توسعه دهندگان
احسان اسلامی
