CSS معرض الصور تعويم BUG

Question

وهذا هو واحد جديد، أواجه مشكلة مع صفحة الأرشيف أخرجتها. يبدو وكأنه حد ما على التوالي إلى الأمام طرحت معرض الصور شعبة ... ولكن لسبب ما هناك مجموعة من فواصل الأسطر بشكل عشوائي في جميع أنحاء عناصر div. اعتقدت انه قد يكون مشكلة مع Cufon أو IE.JS وغيرها ولكن أنا تعطيل كل JS وأنه لا يزال البق.

ويبدو طويلا بعض الشيء للنشر الشفرة هنا، ولقد القيت مجموعة من عناصر div لا داعي لها وإصلاحات واضحة في ولكن لا شيء يبدو أن العمل. أنا ما بعد وتنظيم تقرير صحيح بعد لقد حظيت بها.

Answer 1

وبما أن بعض العناوين هي أطول من غيرها، وبعض خط فاصل، وبالتالي جعل شعبة أطول. سوف يطفو ثم "تعليق على" هذه عناصر div أطول. انها ليست علة في حد ذاته، هو يعمل فقط كيف العائمة.

 --- --- ---
 |1| |2| |3|
 --- | | ---
     --- ---
         |4|
         ---
 ---
 |5|
 ---

وأفضل طريقة لتجنب هذه المشكلة هو إعطاء كل شعبة ارتفاع مجموعة.

وبدلا من ذلك، يمكنك الحصول على شعبة الأول من كل سطر "واضحة: اليسار" بإضافة فئة المناسبة لكل الأول / إيابا / السابع / الخ شعبة

.

وتحرير: لوضع كيفية طرح هذه: كل شعبة يحاول احتواء على نفس السطر مثل شعبة السابق، وتطفو اليسار بقدر ما تستطيع. اذا لم يكن هناك مساحة اليسار على الخط، وسوف يكون أول دفعها إلى أسفل، ثم غادر. في المثال أعلاه، وسيتم دفع 4 بنسبة 3، ثم أنها سوف تطفو اليسار بقدر ما تستطيع، لتصل إلى 2. 5 يتم دفع بنسبة 4، ثم يطفو اليسار بقدر ما تستطيع.