متي استخدم الـ display ؟!

متي أستخدم الـ display ,

ولماذا أستخدمة من الأساس ؟!

وما هيا العناصر الـ inline و العناصر الـ block و الـ inline-block

ارجو الشرح بالتفاصيل , مع امثلة إذا امكن

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

اظن انه كان لديك موضوع غير هذا بعنوان "متى استخدم ال float "

من المفترض المكان او القناة التي تتعلم منها الشخص الذي يشرح لك يقول لك متى تستخدمها واين . واذا كنت لا تعرف متى تستخدم شىء معين لا تقلق عندما تبدأ بتصميم الموقع سوف تعرف متى تستخدمها وسوف تعرف كل شىء مع التطبيق وكثرة الاستخدام . اعرف انك تسأل هذه الاسئلة لانك مبتدأ في التصميم . و يمكنك البحث على امثلة لها على جوجل او stack overflow او code pen سوف تجد امثلة وشرح مبسط لها . بالتوفيق .

انا كنت بعاني من مشكلة في فهم الـ Display عموما

مكنتش بعرف أميز بين الـ inline / block / inline-block

لكن بعد عدة محاولات فهمت الأتي

أن الـ inline بيبقا علي خط أفقي , ومش بيتأثر غير بالـ padding + margin

لكن مش بيتأثر بالـ height or width

والـ block بيحول العنصر من inline , إلي هوا مش بيتأثر بـ height or width اساسا

لـ عنصر بيقبل الـ height & width وجميع الخواص التانية سواء padding or margin .....

الجميل بقا في الموضوع الـ inline-block

دة لو حبيت تحول عنصر inline لـ عنصر بيقبل الـ height & width

بتقوم مديلة الـ inline-block , وبكدا العنصر هيحترم أنك مديلة خصائص الـ block

وطبعاً مننساش الـ none

الي هيا بتخفي العنصر من مكانة , مع إزالة مكانة من الصفحة وإستبدالة بالعنصر إلي تحتة

none: بتخفي العنصر من مكانة مع إزالة مكانة من الصفحة

inline: مش بيقبل الـ height + width

block: بيقبل الـ height + width

inline-block: بيعمل عنصر علي خط أفقي وبيخلية قبل خصائص الـ block

رجاء تحدث باللغة العربية الفصحى

اعرف انك مصري وانا مثلك تمامََا ولكن حسوب i/o جعل اللغة المستخدمة هي العربية الفصحة حتى يفهم كل العرب كلامك جيداََ فمثلا اذا تحدث المغربي بالمغربية لن يفهم المصري شىء لذلك يجب عليك الكتابة بالعربية الفصحى فقط . سوف تجد هنا الكثير من الشرح حول الفرق بين خصائص ال display:

GawiSh أضف ردا

شكراً لك يا صديقي لقد فهمت

وبخصوص الـ display , لقد تعمقت في الموضوع بشكل كبير ووجت انها سهله وقمت بشرحها ايضا

يمكنك إلقاء نظرة

المهم انك سوف تستطيع ان تقوم بتوظيفها في الموقع وليس حفظها فقط . يبدو عليك انك ما زلت مبتدأ . عندما تفهم شىء معين يجب عليك ان تقوم بتوظيفه في مثال وليس حفظة فقط . بالتوفيق .

smadoDz أضف ردا

انا بدات تصميم قوالب بلوجر و هذا الموقع هو الافضل و يشرح بطريقة سهلة يمكنك الذهاب لدورة CSS

و لكن للتعمق اكثر هناك هذا الموقع

و الذي ايضا افادني

المهم DISPLAY هي الظهور مثلا

لدينا عنصر

new

لكي نتتحكم في ظهوره نضع

display:none

none هي الخاصية اي لا يظهر

عموما خصائص ديسبلاي كثيرة و لا اذكر ماهيتها و لكن عندما اعدل على موقع ما ب inspect element اعرف ماذا استعمل بحسب ماتظهر لي

طبعا هذا غير إحترافي إطلاقا المهم تابع الموقع الثاني فهو الاهم اما الاول فيمكنك اخذ بعض الدروس منه

تستخدم display للتحكم في ظهور العنصر.

inline في العادة تستخدم مع القوائم لتظهر القائمة في سطر واحد مثال :

block تستخدم لعرض العنصر كمجوعة بلوك وسيأخذ العنصر البعده سطر جديد مثال :

inline-block إذا أردت أن يكون لما في داخلها حجم وارتفاع واتجاه معين