需要写一个模块，包裹在div里，css怎么设置，能让他在各分辨率下都是垂直居中？
mui-fullscreen使用后，紧贴在屏幕上方，并非居中
极客关关
- 发布：2015-01-27 05:36
- 更新：2016-06-03 18:10
- 阅读：5342
div在各设备下自适应垂直居中
分类：MUI
4 个回复
树
同问，请教，上下居中问题，
树
不知道为样行不行
function plusReady(){
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
</script>
</head>
<body>
<div id="b1">居中</div>
</body>
</html>
树
监听横屏事件，window.addEventListener("orientationchange",abc,false); 这个为什么什么就是不起作用，搞不明白了
h***@d-heaven.com
写了个div上下居中的例子，看是否能符合您的要求。另外可以使用display:flex来控制div的上下居中。
css 部分
.vertical{
width: 95%;
height: auto;
margin: 20px auto;
padding: 20px;
background-color: rgba(23,123,12,0.2);
}
.vertical > div{
height: 100px;
background-color: #F0AD4E;
overflow: auto;
border: 1px solid black;
}
.vertical >div div{
float: left;
width:50%;
height: 100%;
text-align: center;
line-height: 100px;
}
.vertical >div div:first-child{
background: #2AC845;
}
.vertical >div div:last-child{
background:#007AFF;
}