مرحبًا ، لقد عملت مع الشبكة ولدي صفحة أعضاء بها أكثر من 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>
تحتاج إلى إضافة فئة التفاف الصف:
<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
في الوقت الحالي سأغلق هذه القضية. يُرجى إعلامي إذا كان هناك أي شيء آخر يمكننا مساعدته وسأعيد فتحه.
التعليق الأكثر فائدة
تحتاج إلى إضافة فئة التفاف الصف:
<div class="row row-wrap">
ومع ذلك ، لاحظ أن استخدامه يحد من دعم المتصفح.