今天公司前端群里有人问了一个这样的问题如下：
如果一个元素是fixed定位，不定宽，不定高，如果只利用css实现页面居中显示
这个本来应该是挺好解决的问题
但是由于加了各种限制，大家都有点蒙了
本人本着对知识的好奇心（有点官方了，哈哈……）
就去百度了一下，终于在一个博客的评论里找到解决办法
方法如下：
position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.demo{
border: 1px solid #ccc;
padding:1em 2em;
border-radius:6px;
background-color: #EFEFEF;
width: 19em;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
</style>
</head>
<body>
<div class="demo">
<p>我是居中的吗？</p>
<p>我是居中的吗？</p>
<p>我是居中的吗？</p>
</div>
</body>
</html>
应该还有其他方法，暂时就只学会了这一种，等我找到其他方法了，再来更新吧
相关推荐
常见的java就业面试题常见的java就业面试题常见的java就业面试题常见的java就业面试题常见的java就业面试题常见的java就业面试题常见的java就业面试题常见的java就业面试题
各种常用Java考题 面试 使用 各大公司
WEB 面试题汇总-( 文件名称要11个字什么奇葩垃圾规则 )
围绕个人，公司的各种奇葩面试题，面试前可以先看看考虑下应付面试官的必备
面试的时间是在 2021年的 11 月左右。从 2021 年开始后 AWS 貌似也不怎么狂发 OA 了，很多时候的面试就直接跳过了 OA 环节进入到...非常不幸的是第一轮面试就被提示不进入下一轮了。 面试的时间是在 2021年的 11 月。
软件测试面试过程中常见问题进行汇总并且提供答案
所见过的13种最为奇葩的编程语言,无聊之余的谈资. 不喜勿喷
高中语文文摘校园脑海里那道深深的奇葩试题
html5微信小游戏源码 奇葩连连看游戏源码（仅用于参考）html5微信小游戏源码 奇葩连连看游戏源码（仅用于参考）html5微信小游戏源码 奇葩连连看游戏源码（仅用于参考）html5微信小游戏源码 奇葩连连看游戏源码（仅...
奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗拿SHELL奇葩过最新安全狗...
古代汉语02-7.1 一个奇葩名字引发的血案：《左传》郑伯克段于鄢解题_28.pptx
奇葩版Flappy Bird游戏源代码，
安卓奇葩音乐播放器源码是个奇葩其实一点也不冤枉这个项目，整个播放器只有一个循环播放的动画画面，打开软件会自动扫描SD卡上的音乐并且把少于一分钟的音频过滤掉然后随机播放一个音乐。项目权当娱乐了，可以把动画...
奇葩连连看HTML5游戏源码，运行需要服务器环境，已经反复测试，放心使用。
下面我们精选了10个奇葩问题，如果你能顺利回答上来的话，也许就能进入梦寐以求的科技企业啦。
微信小游戏源码 奇葩连连看游戏源码（仅用于学习参考）微信小游戏源码 奇葩连连看游戏源码（仅用于学习参考）微信小游戏源码 奇葩连连看游戏源码（仅用于学习参考）微信小游戏源码 奇葩连连看游戏源码（仅用于学习...
50 听起来很恐怖的数据库幻读，到底是个什么奇葩问题？l.pdf
个最奇葩国家的国旗.ppt
网络“奇葩”花店：一辈子只送一个位佳人.docx