دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ زهرا ولایتی
حذف شدن ایکون li در حالت inline
جامعه Html & CSS ایجاد شده در ۲۴ مرداد ۱۴۰۱

سلام وقت بخیر

چرا وقتی برای تگ‌های li از display استفاده می‌کنم و ان را برابر با inline قرار میدم ایکون کنارشان حذف میشه ، حتی وقتی list-style برای ان مشخص میکنم؟

سلام وقت شما هم بخیر

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

نازنین کریمی مقدم ۲۴ مرداد ۱۴۰۱، ۱۲:۲۶

https://codepen.io/zahra-v/pen/qBoJGRG

زهرا ولایتی ۲۴ مرداد ۱۴۰۱، ۱۳:۴۳

ممنون از همکاری تون

جایی اشتباه نداشتید: متاسفانه این مورد عجیب در لیست وجود داره و به پیاده سازی درونیش برمیگرده. به محض اینکه بهش display بدید آیکونهای کنارش میپره.

برای خطی شدن یک راهکار اینه که بهش float: left بدید.

راهکار دیگر هم استفاده از flex هست.

بهترین پاسخ
نازنین کریمی مقدم ۲۵ مرداد ۱۴۰۱، ۲۱:۴۲