🚀 تخفیف ۳۵٪ + ۳.۵ میلیون هدیه! برنامه‌نویسی رو الان شروع کن - فقط امروز!
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ علی سلیمانی
تفاوت حالت display: inline با display: inline-block
جامعه Html & CSS ایجاد شده در ۲۵ آذر ۱۴۰۱

مقدار inline-block در CSS

در این آموزش کاربرد اصلی حالت inline-block در CSS و تفاوت آن را با دو مقدار inline و block بررسی کرده ایم.

وضعیت display: inline-block

تفاوت حالت display: inline با display: inline-block در این است که inline-block اجازه ی تنظیم عرض و ارتفاع عناصر را می‌دهد.

همچنین display: inline-block مقادیر margin/padding بالا و پایین عنصر را اعمال می‌کند. اما در display: inline چنین نیست.

همچنین حالت display: inline-block بر خلاف حالت display: block عناصر دیگر را به خط بعدی منتقل نمی‌کند.

منبع: https://pvlearn.com/product/%D9%85%D9%82%D8%AF%D8%A7%D8%B1-inline-block-%D8%AF%D8%B1-css/