我使用Materialize构建了一个网格系统,其中列的高度不相等(动态内容)。
每行应该有3列。我希望每一行都从新的一行开始。然而,这是我得到的结果-https://codepen.io/anon/pen/QaVKyG。如您所见,第四个卡片似乎在一个奇怪的位置开始,留下很多左侧的空白。
我尝试使用flexbox,如此处所示 - https://codepen.io/anon/pen/rpqLgy
然而,这种方法的问题在于最后一行的列似乎没有左对齐。简而言之,我希望网格与使用Bootstrap时的工作方式相同(如此https://codepen.io/anon/pen/vpVvKv)。正如您所见,对于Bootstrap,下一行的列从下一行开始,即使列的高度不相等。我似乎无法使用Materialize实现这一点。任何关于这两种解决方案的帮助都将不胜感激(使用flexbox或不使用flexbox)。谢谢!
每行应该有3列。我希望每一行都从新的一行开始。然而,这是我得到的结果-https://codepen.io/anon/pen/QaVKyG。如您所见,第四个卡片似乎在一个奇怪的位置开始,留下很多左侧的空白。
我尝试使用flexbox,如此处所示 - https://codepen.io/anon/pen/rpqLgy
.row { display:flex; flex-wrap: wrap; }
然而,这种方法的问题在于最后一行的列似乎没有左对齐。简而言之,我希望网格与使用Bootstrap时的工作方式相同(如此https://codepen.io/anon/pen/vpVvKv)。正如您所见,对于Bootstrap,下一行的列从下一行开始,即使列的高度不相等。我似乎无法使用Materialize实现这一点。任何关于这两种解决方案的帮助都将不胜感激(使用flexbox或不使用flexbox)。谢谢!