可以通过以下几种方法实现:
.parent {
display: flex;
justify-content: center;
align-items: center;
}
推荐的腾讯云相关产品:腾讯云云服务器(CVM)。 产品介绍链接地址:https://cloud.tencent.com/product/cvm
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
推荐的腾讯云相关产品:腾讯云容器服务(TKE)。 产品介绍链接地址:https://cloud.tencent.com/product/tke
.parent {
display: table;
width: 100%;
height: 100%;
}
.child {
display: table-cell;
vertical-align: middle;
text-align: center;
}
推荐的腾讯云相关产品:腾讯云轻量应用服务器(Lighthouse)。 产品介绍链接地址:https://cloud.tencent.com/product/lighthouse
.parent {
display: grid;
place-items: center;
}
推荐的腾讯云相关产品:腾讯云云函数(SCF)。 产品介绍链接地址:https://cloud.tencent.com/product/scf
以上是使用CSS使窗体居中的几种常用方法,具体选择哪种方法取决于具体的需求和布局结构。
领取专属 10元无门槛券
手把手带您无忧上云