移动端页面内容撑不开 垂直居中有问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no,email=no" />
<title>提示</title>
<style type="text/css">
*{margin: 0;
padding: 0}
body{
position: relative;
width: 100%;
height: 100%;
}
.center{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
</style>
</head>
<body>
<div class="center">
<p>6666666666666</p>
</div>
</body>
</html>
繁星点点滴滴2回答
-
哈士奇WWW
推荐:CSS(3)多种方法实现水平垂直居中效果看看常见的垂直居中方法，这个也是面试经常会问的知识点！
随时随地看视频慕课网APP
相关分类
JavaScript