html - CSS中的flex-direction属性

Question

我正在尝试修改代码

https://codepen.io/rperry1886/pen/KKwbQNP

使图像从左到右而不是垂直显示。我试过阅读 Flexbox，即https://css-tricks.com/snippets/css/a-guide-to-flexbox/，这似乎表明改变

flex-direction: column;

到

flex-direction: row;

应该做的伎俩；但这似乎对上面的代码没有影响。谁能解释为什么会这样，以及我将如何尝试让项目在这里从左到右显示？

标签： htmlcssflexbox

Answer 1

只需设置 display:flex; 和弹性方向：行；到网格容器，而不是身体。如果不起作用，请添加 .grid-container {display:flex; flex-direction:row;} 在每个括号之后的最底部。