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