اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

لكل منهما وظيفة يتميز بها، بشكل عام الفرق بينهما كالتالي:

  • Flex: تستخدم لتنسيق تموضع العناصر معًا على نفس المحور، أي بشكل أفقي أو بشكل عمودي
  • Grid: تستخدم لتنسيق تموضع العناصر على بعدين أفقي وعمودي معًا، حيث يمكن تحديد مساحات معينة تضع فيها عنصر ما

1_naleG2GjQMalgpzBoxz8bg2.jpeg.11ed319d82de9cb0d225157d4617dece.jpeg

في حال كان المطلوب هو تنسيق عدة عناصر على الصفحة كاملة، Grid تعد الخيار الأنسب، أما في حال كانت العناصر بسيطة ومطلوب تنسيقها على محور واحد Flex تكون مناسبة في هذه الحالة،

يمكنك الاستفادة من قراءة المقالات التالية:

 

  • 0
نشر

بإمكانك عمل اغلب التصميمات باستخدام اي من هذه التقنيتين، ولذلك ترى كثير من المبرمجين يركزون على تعلم احد التقنيتين اكثر من الاخرى.

اليك مقارنة سريعة بين كل من التقنيتين :

التقنية الاحدث هو grid.

الافضل من حيث اختصار الكود هو grid.

اذا كنت تريد جعل المحتوى هو الذي يتحكم بمحتوى الصفحة استخدم flex بينما اذا اردت التصميم ان يتحكم بتوضع المحتوى استخدم grid.

كلا التقنيتين مدعومتين بشكل كامل من قبل المتصفحات

grid ثناء الابعاد بينما flex احادي الابعاد.

 

اقرا ايضا 

 

 

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...