HTML5 FlexBox垂直拉伸而不是水平

Question

我所拥有的柔性盒子是水平拉伸而不是垂直拉伸。我正在查看代码和水平工作甚至不在那里，所以我不确定它是如何做到的。

我向教授询问了这件事，她给了我一个暗示

对于第2部分，框在悬停时需要垂直展开。因此，将方向更改为“垂直”，并在.flexbox，.flexbox＆gt;中调整高度大小。 div，.flexbox＆gt; DIV：徘徊。书中的例子调整了宽度。 如果有溢出，请使用overflow：隐藏在flexbox div中。因此，当鼠标不悬停时，文本不会溢出。

希望以上提示有所帮助。

这是指向实际页面的链接。有人能说出我需要改变的词吗？

http://wmelliott.x10host.com/Fig5_13_Redo/Fig5_13_Redo.html

My Work that's moving horizontal rather than vertical

Answer 1

有一个属性flex-direction。正如我在图像中看到的那样，您应该使用flex-direction:column希望有所帮助。请注意，此属性将在父Flex容器中使用。