首页 > 技术文章 > fixed实现垂直居中和水平居中

xiaoyuanbao 2020-07-15 09:51 原文

fixed实现垂直居中和水平居中

版权
第一步margin:auto;实现水平和垂直的自适应

第二步设置top和bottom实现fixed定位元素的垂直居中

top: 0;

bottom: 0;

第三步设置left和right实现fixed定位元素的水平居中

left: 0;

right: 0;

 

案例如下

 

 

以上案例为垂直居中和水平居中后,对元素向上微调

推荐阅读