Milligram: مشكلة في الشبكة

تم إنشاؤها على ٢٥ فبراير ٢٠١٦  ·  5تعليقات  ·  مصدر: milligram/milligram

مرحبًا ، لقد عملت مع الشبكة ولدي صفحة أعضاء بها أكثر من 100 بطاقة ملف تعريف. لقد أنشأت صفًا واحدًا بالعمود -25 ولكن كل شيء يسير في سطر واحد.

هل هناك أي حل لذلك؟ أحتاجهم مثل 4 في الصف ثم التالي أدناه ، الآن جميعهم في سطر واحد ، الكود الخاص بي يسير على هذا النحو

<div class="row">
  <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
</div>
bug question

التعليق الأكثر فائدة

تحتاج إلى إضافة فئة التفاف الصف:

<div class="row row-wrap">

ومع ذلك ، لاحظ أن استخدامه يحد من دعم المتصفح.

ال 5 كومينتر

تحتاج إلى إضافة فئة التفاف الصف:

<div class="row row-wrap">

ومع ذلك ، لاحظ أن استخدامه يحد من دعم المتصفح.

مع وجود نفس المشكلة ، لا يبدو أن إضافة التفاف الصف يعمل:

http://codepen.io/steveoc64/pen/WwQgxG

ومع ذلك ، فإن تجاوز النمط يدويًا يجعله يتصرف.

<div class="row" style="flex-wrap: wrap">

أنا لا أعرف ما يكفي عن CSS لأتساءل لماذا لا تتصرف كما هو متوقع.

كان هناك سهو من جانبي ، كان ينبغي أن يكون:

<div class="row">
    <div class="row-wrap">
        ....
    </div>
</div>

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

شكرًا عماد ... "الحل البديل" يفي بالغرض في الوقت الحالي ، لكنني سأحاول أيضًا جعل النية الأولية تعمل أيضًا.

يبدو من المنطقي أن يكون أداء class = "row row-wrap" كما هو متوقع ، دون الحاجة إلى تضمين عنصر div آخر تحته.

... وظيفة أخرى ليوم ممطر ؛)

مرحبا @ kresogalic8 هل تستطيع حل المشكلة؟ رقم 100

في الوقت الحالي سأغلق هذه القضية. يُرجى إعلامي إذا كان هناك أي شيء آخر يمكننا مساعدته وسأعيد فتحه.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات