Css居中面试题

屏幕正中间有个元素A，随着屏幕宽度的增加，始终需要满足以下条件：

1. A元素垂直居中屏幕； 

2. A元素距离屏幕左右边距各10px；

3. A元素里面的文字"A"的font-size: 20px; 水平垂直居中；

4. A元素的高度始终是A元素的50%；（如果搞不定可以实现为A元素的高度固定为200px）

html & css实现


如图所示

将高度固定为200px

高度为200px


效果图

通过padding来实现

不设高度，padding撑开


效果图

可以自己试一下！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。