دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ Rezaei
تفاوت inline , block, inline-block
جامعه Html & CSS ایجاد شده در ۲۰ اردیبهشت ۱۴۰۱

همانطور که به خاطر دارید مقدار inline به این شکل بود که عنصر HTML تنها به اندازه محتوای درونی خود عرض و ارتفاع می‌گرفت و ویژگی‌های width و height را نمی‌پذیرفت. مقدار inline-block رفتار عنصر را شبیه به رفتار inline می‌کند با این تفاوت که می‌توان به عنصر عرض و ارتفاع داد. نکته دیگری که وجود دارد این است که در حالت inline ویژگی های margin و padding برای قسمت‌های بالا و پایین عنصر کار نمی‌کند. اما در حالت inline-block این ویژگی درنظر گرفته و اعمال می‌شود.

در مقایسه با حالت block بزرگترین فرق این است که در حالت inline-block بعد از عنصر مورد نظر عناصر دیگر می‌توانند در کنار آن قرار بگیرند.

اگزکلی


RadMaN ۲۱ شهریور ۱۴۰۱، ۱۲:۱۱