CSS
چیدمان
پیش‌فرض:
inline
ارث‌بری نمی‌شود
display
مهم‌ترین پراپرتی چیدمان که تعیین می‌کند عنصر چگونه در جریان صفحه رفتار کند؛ فلکس و گرید دو مدل چیدمان مدرن و پرکاربرد هستند. انتخاب درست مقدار، پایه تمام طراحی‌های ریسپانسیو است. مقدار none عنصر را کاملاً از جریان حذف می‌کند.
سینتکس
display: block | inline | inline-block | flex | grid | none;مثال کاربردی
.nav {
display: flex;
align-items: center;
gap: 12px;
}مقادیر رایج
block
عنصر بلوکی که کل عرض را می‌گیرد
inline
درون خطی بدون شکستن سطر
inline-block
درون خطی با قابلیت اندازه‌دهی
flex
حالت فلکس برای چیدمان یک‌بعدی
grid
چیدمان دو بعدی با سطر و ستون
none
حذف عنصر از نمایش