弹性框无法在垂直和水平中心位置放置

Question

因此，我正在为朋友设置一个非常基本的登录页面。几年来我还没有开发一个网站，但我与之脱节。一直在寻找年龄，但似乎无济于事。尝试获取位于页面中间居中的基本png图像。

我尝试使用flexbox-justify-content: center; align-items: center;-无法正常工作。我试过回到旧的表格单元，但没有用。我什至尝试使用设置的保证金上限来执行保证金自动操作，但是响应速度不够。

        display: flex;
        justify-content: center;
        align-items: center;


        height: 100vh;

想要使该项目居中，但它只会水平居中而不是垂直居中。页面在这里供参考www.shoeshoe.co /

Answer 1

您的设置正确-您只需要将其置于正确的上下文中即可

np.diff()

html,
body {
  margin: 0;
}

.wrap {
  box-sizing: border-box;
  height: 100vh;
  border: 1px solid green;
  display: flex;
  justify-content: center;
  align-items: center;
}