屏幕正中间有个元素A，随着屏幕宽度的增加，始终需要满足以下条件：
1. A元素垂直居中屏幕；
2. A元素距离屏幕左右边距各10px；
3. A元素里面的文字"A"的font-size: 20px; 水平垂直居中；
4. A元素的高度始终是A元素的50%；（如果搞不定可以实现为A元素的高度固定为200px）
html & css实现
如图所示
将高度固定为200px
高度为200px
效果图
通过padding来实现
不设高度，padding撑开
效果图
屏幕正中间有个元素A，随着屏幕宽度的增加，始终需要满足以下条件：
1. A元素垂直居中屏幕；
2. A元素距离屏幕左右边距各10px；
3. A元素里面的文字"A"的font-size: 20px; 水平垂直居中；
4. A元素的高度始终是A元素的50%；（如果搞不定可以实现为A元素的高度固定为200px）
html & css实现
如图所示
将高度固定为200px
高度为200px
效果图
通过padding来实现
不设高度，padding撑开
效果图
面试题总结 1、请用css使一个div垂直居中 方法1：table-cell html结构： css： 方法2：d...
行内元素居中 html css before元素居中 html css table-cell居中 css 垂直居中...
css图片水平居中 css图片垂直居中 css图片水平垂直居中
CSS居中完全指南——构建CSS居中决策树 本文总结CSS居中,包括水平居中和垂直居中.本文相当于CSS决策树,下...
前端经典css面试题：如何让一个div垂直水平居中 方法1：flex布局 .father{ displ...
前言 设计网页的时候，除了CSS水平居中的需求外，还会经常遇到CSS垂直居中的需求，CSS垂直居中跟CSS水平居中...
CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中
今天来给大家分享一下我之前在面试公司中做的笔试题 这一次的笔试题没有那么难，但是因为css基础不扎实，所以我也在这...
CSS居中总结 最近在学习CSS居中,居中里面又包含水平居中和垂直居中,分不太清内联元素(inline or in...
css图片居中 1 tanslate居中 2 text-align属性水平居中 3 绝对定位元素居中 4 css3...
本文标题：Css居中面试题
本文链接：https://www.haomeiwen.com/subject/iddqfktx.html
网友评论