时间戳

首页 > 解决方案 > 无法将登录框置于页面中间

html - 无法将登录框置于页面中间

问题描述

所以我一直在做一个 HTML 项目，我决定做一个登录页面。好吧，当我转到样式表时，我会写：

.login-box {
  width: 280px;
  position: absolute;
  top: 50%
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
}

这通常会将我想要的任何内容放在屏幕中间。但在这种情况下，它把登录框放在屏幕的左上角并稍微离开它。因此，如果有人可以在这里帮助我解决我的问题，那就太好了……谢谢！

标签： htmlcss

解决方案

您可以给出.login-box固定高度的类并;在top: 50%.

我的英文不好，你可以复制我的CSS代码重新运行！

.login-box {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%);
}

推荐阅读