في هذا الثريد سوف نتكلم عن احدى الطرق الحديثة في تنسيق صفحات HTML وهي Flexbox
@PrograminLovers
#css #flexbox
@PrograminLovers
#css #flexbox
الفكرة الرئيسية وراء ال flexbox هي منح الحاوية القدرة على تغيير عرض و ارتفاع العناصر لملء المساحة المتاحة بأفضل شكل ممكن(لتلائم جميع أنواع أجهزة العرض وأحجام الشاشات المختلفة).
خصائص الحاوية المرنة (flex container ):
توجد للحاويات المرنة عدة خصائص من أهمها :
1. الاتجاه (flex-direction )
يتم تحديد المحور الرئيسي ، اي تحديد اتجاه العناصر المرنة في الحاوية ( أما أفقيا أو عموديا).
توجد للحاويات المرنة عدة خصائص من أهمها :
1. الاتجاه (flex-direction )
يتم تحديد المحور الرئيسي ، اي تحديد اتجاه العناصر المرنة في الحاوية ( أما أفقيا أو عموديا).
2. الالتفاف (flex-wrap)
تسمح هذه الخاصية للعناصر المرنة بالاصطفاف في سطر واحد
تسمح هذه الخاصية للعناصر المرنة بالاصطفاف في سطر واحد
4. خاصية (justify-content)
تحدد هذه الخاصية المحاذاة على طول المحور الرئيسي. وتساعد على توزيع المساحة الفارغة الزائدة.
تحدد هذه الخاصية المحاذاة على طول المحور الرئيسي. وتساعد على توزيع المساحة الفارغة الزائدة.
لمزيد من المعلومات الامثلة w3schools.com
جاري تحميل الاقتراحات...