Question

我在这里保存了代码：http://codepen.io/anon/pen/FxKHB 也许你最好看到它并试着帮助我。

我的问题是我必须在'Entrée'框下方放置'Dessert'框：没有空格。

我在容器中使用flexbox布局：

.menuContainer
{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

问题：“Dessert”框被推下，因为“Plat”框中有太多行。

也许我选择了错误的布局。我选择了这个，因为当窗口/设备的宽度太小时，我需要将所有内容都放在一列中。我不能只改变我的盒子的相对位置，因为每个内容都不是静态的。我的意思是，它可以有更多的线条。

我该怎么办？它甚至可能吗？

感谢您的帮助！

Answer 1

优雅替代方案是将您的align-items属性更改为stretch为您的容器，然后通过使其成为弹性框垂直居中。

我想这不是预期的效果，但是如果不改变标记，这是我能想到的最佳解决方案。

PEN

盒子定位有/没有弯曲

1 个答案: