Milligram: Проблема с сеткой

Созданный на 25 февр. 2016 · 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

Источник

kresogalic8

Самый полезный комментарий

Вам нужно добавить класс переноса строк:

<div class="row row-wrap">

Однако обратите внимание, что его использование еще больше ограничивает поддержку браузера.

ImadJomaa 4 мар. 2016

👍3

Все 5 Комментарий

Вам нужно добавить класс переноса строк:

<div class="row row-wrap">

Однако обратите внимание, что его использование еще больше ограничивает поддержку браузера.

ImadJomaa 4 мар. 2016

👍3

Имея ту же проблему, добавление переноса строк, похоже, не работает:

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

Однако ручное переопределение стиля заставляет его вести себя.

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

Я недостаточно знаю CSS, чтобы понять, почему он не работает должным образом.

steveoc64 5 мар. 2016

Был недосмотр с моей стороны, он должен был быть:

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

Хотя, похоже, это не работает из-за появившегося наследования свойства отображения, которое является блочным, а не гибким. Возможно, предполагаемый дизайн был именно таким. Другими словами, ваше решение, вероятно, было предполагаемым решением.

ImadJomaa 7 мар. 2016

Спасибо, Имад ... «обходной путь» пока помогает, но я также попытаюсь заставить работать первоначальное намерение.

Кажется разумным, чтобы class = "row row-wrap" выполнялся так, как ожидалось, без необходимости вложения другого div под ним.

... еще одна работа на черный день;)

steveoc64 8 мар. 2016

Привет @ kresogalic8 Вы могли бы решить проблему? # 100

А пока закрою этот выпуск. Сообщите мне, если мы можем еще чем-нибудь помочь, и я открою его снова.