رفتن به مطلب

کد css برای هم طراز کردن متن


hedie

پست های پیشنهاد شده

سلام، این کد متن رو جاستیفای و آخرین خط رو هم وسط‌چین میکنه:

.class {
    text-align: justify;
    text-align-last: center;
}


لینک به ارسال
  • Morteza عنوان را به کد css برای هم طراز کردن متن تغییر داده است

از خاصیت flexbox هم میتونید استفاده کنید

Html

<div class="flex-container">
  <p>متن تست</p>
</div>

CSS

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background-color: DodgerBlue;
}

نتیجه رو ضمیمه کردم براتون

نمونه های بیشتر هم

https://www.w3schools.com/css/css3_flexbox.asp

 

Screenshot_2020-08-16 Tryit Editor v3 6.png

لینک به ارسال
در 21 ساعت قبل، فرشاد گوهری گفته است :

سلام، این کد متن رو جاستیفای و آخرین خط رو هم وسط‌چین میکنه:

.class {
    text-align: justify;
    text-align-last: center;
}

 

:D عهههههههههه چه جالب!

اینطوری برای موبایل و اسکرین های متفاوت هم درست نشون میده:lol:

خیلی ممنوووووووووون:rolleyes:

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...