راکت
حل شده

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

2 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

2
ASPgo
ASPgo
@asp.gosk

تخصص: HTML، CSS، PHP و JS، طراح قالب و افزونه وردپرس، سئوکار و مقاله نویس

بهترین پاسخ

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
@mahditmx

تخصص: برنامه نویس

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

شاید پاسخ شما همین‌جا باشد

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

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