CSS Text Alignment
در مورد تراز کردن متن در CSS، ویژگی اصلی که استفاده میشود `text-align` است. این ویژگی مشخص میکند که متن داخل یک بلوک (مثلاً یک پاراگراف یا یک دیو) چگونه تراز شود.
مقادیر مهم `text-align`:
* `left` — متن به سمت چپ تراز میشود (پیشفرض در اکثر زبانها)
* `right` — متن به سمت راست تراز میشود
* `center` — متن وسطچین میشود
* `justify` — متن به صورت دوطرفه تراز میشود (متن طوری کشیده میشود که هر دو طرف به اندازهی یکسان در یک خط قرار بگیرند)
—
مثال ساده:
p {
text-align: center;
}
html
<p>این متن وسطچین شده است.</p>
—
مثال دیگر با ترازهای مختلف:
css
.left-text {
text-align: left;
}
.right-text {
text-align: right;
}
.center-text {
text-align: center;
}
.justify-text {
text-align: justify;
}
html
<p class=“left-text”>متن تراز شده به سمت چپ.</p>
<p class=“right-text”>متن تراز شده به سمت راست.</p>
<p class=“center-text”>متن وسطچین شده.</p>
<p class=“justify-text”>متن با تراز دوطرفه (justify).</p>
دیدگاهتان را بنویسید