我有以下代码:

我面临的问题与保证金有关。因此，当您运行上面的代码时，在一个新页面上打开它，然后缩小到或更小，然后您可以看到如下所示的输出:

看到左边的博客卡片是如何一直移到左边的吗？这是某种保证金问题，我想解决这个问题。

预期输出

所以我希望对齐方式像我发送的预期输出图片一样。是否有一种方法来设置博客卡的对齐方式，就像上面预期的输出一样？因为我不希望宽度像你在页面上放大时那样，那么博客卡的一半就像没有根据页面宽度一样被剪掉了。

有什么建议吗？

更新

对齐方式仍然不像我发送的预期输出。在预期的输出中，您可以看到第一个博客卡片的第一个角与第一个底部元素的第一个角相匹配，第二个博客卡片的第二个角与第二个底部元素的第二个角相匹配。参考预期的输出，它就有意义了！谢谢！

顺晟科技：

使用上面的CSS，在正方形中添加边距-左：自动，在正方形中添加边距-右：自动1，它就可以工作了