inline
span عنصر استاندارد درونخطی است. یک عنصر درونخطی به متن درونش در هر پاراگراف میچسبد و آن را احاطه میکند.
<span>
مثل این
</span>
بدون این که برای سایر قسمتهای پاراگراف مزاحمتی ایجاد کند. عنصر a رایجترین عنصر درونخطی است، زیرا برای پیوندها به کار میرود.
none
یکی دیگر از مقادیر رایج برای display مقدار none است. برخی عنصرهای خاص مانند script از این مقدار به طور پیشفرض استفاده میکنند. در جاوااسکریپت از این ویژگی برای پنهان نمودن پویای برخی از قسمتهای صفحه، بدون حذف نمودن آنها استفاده میشود.
این کار با پنهانسازی به کمک visibility تفاوت دارد. قرار دادن display به none جایی را که عنصر در آن بوده است را رزرو نمیکند، اما استفاده از visibility: hidden; یک فضای خالی را نگه خواهد داشت.
سایر مقادیر برای display
برای display مقادیر قابل پذیرش دیگری هم وجود دارند که کاربردهای خاص خودشان را دارند، مثل list-item و table. در اینجا لیست کاملی از این مقادیر را میتوانید ببینید. ما در بارهی inline-block و flex در ادامه همین آموزش صحبت خواهیم کرد.
توضیحات بیشتر
همان طور که اشاره کردم، هر عنصر یک مقدار پیش فرض برای display دارد. با وجود این، شما همیشه میتوانید این مقدار پیشفرض را بازنویسی کنید! البته دقت داشته باشید که اگر چه به طور کلی بیمعنی خواهد بود که یک عنصر div را درونخطی کنیم، اما گاهی معانی خاصی مد نظر هستند، و از این ویژگی میتوان برای اختصاصیسازی نمایش عناصر استفاده کرد. یک مثال متداول، درون خطی کردن عنصرهای li برای نمایش لیستهای افقی در منوها است.
