页面中元素垂直水平居中的两种情况

分类: 文章 • 2024-08-10 14:56:28

一般情况下，我在做登录、注册或者其他页面布局的时候都会遇到让元素（通常是div）垂直水平居中的问题。下面我将常见的两种情况及解决办法摘录如下：

一、准备工作
页面中元素垂直水平居中的两种情况
一、元素宽高可见时
所谓元素宽高可见就是元素的height和width有值时。我们的Css应该做如下设置：

二、如果元素中的宽高完全由其子元素撑开，那么Css应做如下修改：