يترك jQuery و CSS المخصص المستخدمين لضبط التصميم ديناميكيًا استنادًا إلى تغيير حجم المتصفح ومنعه من التكلفة الرأسية يترك الكثيرون يتساءلون عن كيفية تحقيق نتائج مماثلة.

الإجابة:

من كل عمود. يسمح هذا بوضع دبابيس فردية بشكل مستقل عن بعضها البعض. استخدم عرض العمود الناتج وحجم مزراب محدد مسبقًا لحساب معلمات التخطيط الشاملة.

أثناء التكرار من خلال كل دبوس ، حدد العمود الذي يحتوي على أقصر ارتفاع في تلك اللحظة. قم بتخزين هذا الارتفاع داخل عنصر الصفيف المقابل. مضروبة في عرض العمود و gutter. خوارزمية وضع دبوس فعالة.