CSS Item Flow: توحيد تخطيطات Flexbox و Grid و Masonry
2025-04-02
تُعدّ CSS Grid و Flexbox أدوات قوية لتصميم التخطيط، لكنها لا تكفي للتعامل مع التخطيطات المعقدة مثل تخطيط Masonry. يقترح اقتراح جديد، يُسمى "Item Flow"، حلًّا لهذه المشكلة من خلال توحيد خصائص `flex-flow` في Flexbox و `grid-auto-flow` في Grid. يُدخِل هذا الاقتراح خصائص جديدة مثل `item-direction` و `item-wrap` و `item-pack` و `item-slack`، مما يسمح بمزيد من المرونة والتحكم في تصميم التخطيط. سيُتيح هذا لـ Flexbox خاصية التعبئة الكثيفة، وسيُتيح لـ Grid إمكانية تعطيل الالتفاف، بالإضافة إلى توفير حلّ أنيق لتخطيطات Masonry. النتيجة هي نظام تخطيط CSS أكثر توحيدًا وسهولة في الاستخدام.
التطوير
التخطيط