mahditmx
3 سال پیش توسط mahditmx مطرح شد
2 پاسخ

راست چین کردن li در ul html

سلام من میخوام با UL و li یک چت درست کنم ولی پیام های خودم رو نمیدونم چجوری بیارم سمت راست
از float: right; استفاده کردم ولی این شکلی میشه: تصویر
و استفاده نمی کنم اینجوری :  تصویر
ممنون میشم کمک کیند
gomnam@


ثبت پرسش جدید
ASPgo
تخصص : HTML، CSS، PHP و JS، طراح قالب...
@asp.gosk 3 سال پیش آپدیت شد
2

float برای قالب بندی سایت مناسب نیست و منسوخ شده
این کد ها رو به ul که والد li ها هست بده

ul{
    display: block;
    text-align: right;
    direction: rtl;
    margin-left: auto;
}

اگه قراره li ها کنار هم قرار بگیرن از این کد استفاده کن:

ul{
    display: flex;
    text-align: right;
    direction: rtl;
    margin-left: auto;
}

اگه کد های بالا درست کار نکرد ممکن دلیلش والد ul(همون div که کلاس chat داره) باشه
اگه میخوای کل سایت rtl(راست به چپ یا همون راستچین) بشه باید تگ html رو تغییر بدی. باید اتریبیوت dir اضافه کنی بهش که به صورت پیشفرض ltr(چپ به راست) هست

<html dir="rtl">

اگه قراره زبان سایت هم معرفی کنی:

<html dir="rtl" lang="fa">

mahditmx
تخصص : برنامه نویس
@mahditmx 3 سال پیش مطرح شد
0

@asp.gosk
ممنون از کمکت درست شد


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام