要同时水平和垂直居中,有两个简單的选项：

有什么不同在什么情况下我们会使用而不是另？

…边距仅适用于弹性项目,并且集中在容器中的弹性项目中.

在你的第二个例子Φ……

您是集装箱级别的中心项目.此将以所有项目为中心.

另外,请记住,如果您同时使用这两种,则以margin：auto 为准.

但是,出于实际目的,最重要的区别可能是当flex项超过容器大小时的行为.发生这种情况时,在使用容器级时,您将无法访问项目的某些部分.该项目从屏幕上消失,无法通过滚动访问.

要此問题,请使用margin：auto进行居中以正常工作.