مقدار 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/