نمایش li های یک ul در یک خط یا horizontally

یک لیست به صورت ul و li دارم که به صورت زیر هم نمایش داده میشه.

<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

در تصویر زیر نحوه نمایش این لیست رو مشاهده می کنید.

نمایش li ها به صورت یک خطی

چجوری میتونم کاری کنم که این li ها به صورت horizentally یا در یک خط نمایش داده بشه. ممنون

مشخصات سوال کننده :

کاربر : pedram_khan امتیاز کاربر : 277 رتبه کاربر : 6

دسته بندی : Css

نظر ویرایش گزارش نشان

به این سوال امتیاز بدهید 0

تعداد بازدید این سوال : 3130

پاسخ دهنده : saedbfd 23:48 1400/02/26

برای نمایش li های یک ul در یک خط فقط کافیه استایل زیر رو به ul خودتون اضافه کنید

<ul style='display:inilne-flex;'>
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

با این کار لیست شما در یک خط افقی نمایش داده میشه.

به این پاسخ امتیاز بدهید 0

امتیاز: 1654 رتبه: 1

نظر ویرایش گزارش

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود