Html 如何使用Flexbox将块固定到容器的左侧？

谁能解释一下当屏幕变小时，如何将块移到左侧

    .limited-offer-box
        display: flex
        flex-direction: row
        justify-content: space-around
        flex-wrap: wrap

在我的例子中，我需要将书“偷书贼”（以及屏幕变小时的其他书）移到左侧，而不是中间 这样地：

---

我认为对于您的用例，最好使用

grid

而不是

flexbox

尝试在CSS中使用此选项：

。有限报价箱{
显示：网格；
网格模板列：重复（自动填充，最小值（300px，400px））；
网格间距：5px；
}

---

如果没有，您可以尝试使用

align items:start；

以正确的方式使用

flex

，考虑到这篇文章，我可以创建如下内容：

嬉戏

.MainDiv{
显示器：flex；
利润率：10px；
柔性包装：包装；
}
ChildDiv先生{
利润率：10px；
}
.ChildDiv img{
高度：200px；
宽度：100px；
}

您可以将

对齐内容：周围空格更改为
对齐内容：flex start
，并为元素添加边距。
您好，您可以提供一个可运行的版本吗？只需删除
对齐内容：周围空格
并给子元素一个边距。完成。您不需要在t中的子元素上显示
内联块
他的场景是“以正确的方式使用flex”" ;)哎呀，我在添加代码，我没有检查代码！我的错，我会把它拿出来：）谢谢你让我知道。@Manjuboyz还有一个问题，如何把整个容器放在中间？因为在这种情况下，它不在中心。有很多方法可以处理这个问题，我可以尝试使用其中一种方法。这是为您创建的示例代码段，这可能会对您有所帮助。