سی ایس ایل متن ترتیب

متن قرارگیری

text-align این ویژگی، برای تنظیم روش قرارگیری افقی متن استفاده می‌شود.

متن می‌تواند چپ قرار داده شود یا راست قرار داده شود یا وسط قرار داده شود.

مثال درج شده در اینجا، قرارگیری وسطی و قرارگیری سمت چپ و سمت راست متن را نشان می‌دهد (اگر مسیر متن از چپ به راست باشد، به صورت پیش‌فرض چپ قرار داده می‌شود؛ اگر مسیر متن از راست به چپ باشد، به صورت پیش‌فرض راست قرار داده می‌شود):

实例

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

亲自试一试

جب text-align 属性设置为 "justify" پس، هر سطر کوچک بچپ تا راست بگشاداں کیا وغیرہ، تا کہ ہر سطر کی عرض مساوی ہو، اور سمت چپ اور سمت راست کی مارگ تیز (مثلاً مجلات اور اخبار میں):

实例

div {
  text-align: justify;
}

亲自试一试

文本方向

direction 和 unicode-bidi 属性可用于更改元素的文本方向：

实例

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

亲自试一试

垂直对齐

vertical-align 属性设置元素的垂直对齐方式。

本例演示如何设置文本中图像的垂直对齐方式：

实例

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

亲自试一试