ویژگی text-align در جدول

با ویژگی 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)

آشنا شدیم.

توسعه دهندگان
احسان اسلامی