Milligram: 网格问题

创建于 2016-02-25 · 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 于 2016-03-04

👍3

所有5条评论

您需要添加行包装类：

<div class="row row-wrap">

请注意，使用它会进一步限制浏览器支持。

ImadJomaa 于 2016-03-04

👍3

有同样的问题，添加行换行似乎不起作用：

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

手动覆盖样式可以使其表现出来。

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

我对CSS知之甚少，以至于为什么CSS的表现不如预期。

steveoc64 于 2016-03-05

我有一个疏忽，应该是：

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

尽管这似乎不起作用，因为显示属性的继承似乎是block而不是flex。预期的设计可能是上述设计。换句话说，您的解决方案可能是预期的解决方案。

ImadJomaa 于 2016-03-07

谢谢Imad，...“解决方法”暂时可以解决问题，但是我也将尽力使最初的意图也起作用。

使class =“ row row-wrap”能够按预期执行，而不必在其下嵌套另一个div，这听起来很合理。

...雨天的另一份工作；）

steveoc64 于 2016-03-08

嗨@ kresogalic8您能解决这个问题吗？＃100

现在，我将关闭此问题。让我知道我们还有什么可以帮助的，我将重新开放。

cjpatoilo 于 2016-08-03

此页面是否有帮助？

0 / 5 - 0 等级

Milligram: 网格问题

最有用的评论

所有5条评论

相关问题