Question

我有代码使图像（以及最终的视频）居中，就像我想要在div中居中一样，但是我试图将图像垂直堆叠在列中。

如果空间足够有限，它可以工作，但是我希望它一直工作。我能做什么？这是我的codepen：

div{
    margin: 0 auto;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    max-width: 172vh;
}

img{
    height: 50%;
}

Answer 1

尝试以下：

div {
    ....
    display: flex;
    flex-direction: column;
}

Answer 2

您可以简单地使用display:block CSS属性来完成此操作。

将此CSS提供给您的图像，您的图像将获得全角空格并进入堆栈。

因此，对于Image，请添加以下属性：

img{
    display:block;
}