Html 垂直对齐容器中的元素 我需要在我的第一个div中间垂直对齐我的形状。我把它水平地放在中间，但是我不能让它垂直地在中间对齐。 从顶部到底部的距离基本均匀

用户名：
密码：

试试这个，因为折旧了，所以我删除了

align=“center”

零件

我将css从使用绝对定位改为使用边距将div居中

我将高度从始终为100px改为窗体的高度加上每个顶部和底部的10px。垂直居中

我还添加了边距：自动对中表格，以使表格侧面居中

用户名：
密码：

使用此

#login {
    display: table;
}
#login > div {
    display: table-cell;
    vertical-align: middle;
}

---

我删除了内联样式并添加了一个具有以下属性的类：

---

在我看来它是居中的：仅供参考

align=“center”

是不推荐使用的，可能与我的对齐版本重复。缓存了吗？针对哪个浏览器？第二个div标记顶部和底部的填充有效。谢谢很高兴我能帮忙！

.c {
  width: 300px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-color: #d0e9fc; border: 1px solid #B5BCC7;
}

body {
  margin: 0;
}