۲ امیر طهماسبی
تگ‌های inline , block
جامعه Html & CSS ایجاد شده در ۲۹ اردیبهشت ۱۳۹۹

تگ‌های مثل p , div , section  تگ‌های بلاکی (block) هستند این تگ‌ها تمام عرض سند مارو پوشش می‌دهند

ولی تگ‌های اینلاینی (inline) مثل em , span , a, strong هستند این تگ‌ها عرضشون به اندازه محتوا یا متنی که درونشون قرار میگرد هستند 

در مجموع تفاوت این تگ‌ها بر سر دیسپلی (display) هاشون هست

که ما از طریق attribute‌های class , id می‌تونیم این تگ هامون رو تو css بگیریم و display هاشون رو تغییر بدیم و مهم‌ترین display‌ها block ,inline, inline-block , none هستند

 

درود وقتتون بخیر

مطالب خوبی بود! منتهی چیزی که من بتونم بهش اضافه کنم اینکه توی دسته ای از display‌های پر کاربرد و معروف میشه display: flex رو هم گفت که توی سیستم شبکه بندی یا grid میتونه حائز اهمیت باشه!

ممنونم

شایان نماینده ۰۸ شهریور ۱۳۹۹، ۲۱:۲۸

مطلب را خیلی خوب گفتین.

این موضوع را هم اضافه کنید کامل‌تر میشود.

یک تفاوتی دیگه تگ ای inline و block برخوردشان با ویژگی padding و margin است.

تگ‌های inline وقتی margin یا padding میگیرن فقط در جهت افقی , اندازها را اعمال میکنن نه در جهت عمودی ولی تگ‌های block در همه جهات اندازه‌ها را اعمال میکند.

mt.ali ۲۴ آذر ۱۳۹۹، ۱۲:۰۹