چگونه طریقه نمایش یک عنصر را تغییر دهیم

تغییر یک عنصر inline به block و برعکس می تواند برای ساخت ظاهر یک صفحه مفید باشد.

مثال زیر آیتم های لیست را به صورت یک عنصر inline نمایش می دهد:

مثال (چگونه در css طریقه نمایش یک عنصر را تغییر دهیم)

li {display:inline;}
خودتان امتحان کنید »

مثال زیر عنصر span را به عنوان یک عنصر block نمایش می دهد:

مثال (چگونه در css طریقه نمایش یک عنصر را تغییر دهیم)

span {display:block;}
خودتان امتحان کنید »

توجه: تغییر نوع نمایش یک عنصر، تنها چگونگی نمایش عنصر را تغییر می دهد و نوع، تغییر نخواهد کرد. برای مثال یک عنصر inline که برای آن display:block تنظیم شده است اجازه نمی دهد که یک عنصر block به صورت تودرتو داخل آن قرار داده شود.


آموزش های مرتبط

آموزش CSS-طریقه نمایش عناصر