Html CSS中心和垂直对齐

Html CSS中心和垂直对齐,html,css,Html,Css,我已经使用引导材料UI构建了一个注册表单,我正在尝试垂直和水平地将该表单与网页的中心对齐。以下是我目前的代码: .row{ 显示器:flex; 证明内容:中心; 对齐项目:居中; } 注册 用户名 密码 确认密码 名字 姓 生日 提交 您需要为整个页面内垂直对齐的所有父元素添加高度:100%。当前该行仅占用内容高度,并根据内容高度垂直对齐 html, body, .row { height: 100%; } .row { display:flex; justify-c

我已经使用引导材料UI构建了一个注册表单,我正在尝试垂直和水平地将该表单与网页的中心对齐。以下是我目前的代码:

.row{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}

注册
用户名
密码
确认密码
名字
姓
生日
提交

您需要为整个页面内垂直对齐的所有父元素添加
高度:100%
。当前该行仅占用内容高度,并根据内容高度垂直对齐

html, body, .row {
    height: 100%;
}
.row {
    display:flex;
    justify-content: center;
    align-items: center;
}

这很好用,谢谢你的解释