我使用一个伸缩框来显示8个项目，这些项目将随着我的页面动态调整大小。我如何迫使它把项目分成两行?(每行4个)?这里有一个相关的片段:(或者如果你喜欢jsfiddle - http://jsfiddle

我试图用Bootstrap 4在页面中间居中我的容器。到目前为止我还没有成功。任何帮助都将不胜感激。我在Codepen建立了它。io，所以你们可以玩它，让我知道什么工作，因为我的想法……var cur

我有4个flexbox列，一切都很好，但当我添加一些文本到一个列，并将其设置为一个大的字体大小，它是使列宽比它应该由于flex属性。我尝试使用word-break: break-word，它有帮助，但

尝试一个flexbox导航，最多有5个项目，最多只有3个，但它没有在所有元素之间平均划分宽度。小提琴我建模之后的教程是http://www.sitepoint.com/responsive-fluid

我试图在ID包装器内垂直对齐元素。我给属性display:inline-flex;作为ID包装器的伸缩容器。但是在表现上没有区别。我期望包装器ID中的所有内容都将内联显示。为什么不是呢?#包装{显示:

我有一个简单的flex-box布局的容器，如:现在我想让最后一行中的项目与其他项目对齐。justify-content:之间的空间;应使用，因为网格的宽度和高度是可以调节的。目前看来在这里，我希望右下

我想使用flexbox垂直对齐一些内容在一个<li>，但没有很大的成功。我在网上检查过，许多教程实际上使用了一个包装器div，它从父上的伸缩设置中获得align-items:center，

我和一些孩子有一个div:我想要下面的布局:不管p中有多少文本，我希望始终将.按钮粘在底部，而不将其从流中取出。我听说这可以用Flexbox实现，但我不能让它工作。

align-items和align-content之间的区别是什么?

我正在尝试填充Flexbox中的弹性项的垂直空间。.容器{高度：200px；宽度：500px；显示：柔性；弯曲方向：行；}.flex-1型{宽度：100px；背景色：蓝色；}.flex-2型{位置：相