DIV水平垂直居中
2017-10-24 本文已影响97人
李颖轩_LiYingxuan
CSS Code :
<style>
.div-centered{
width:520px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -260px;
}
</style>
HTML Code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DIV水平垂直居中</title>
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="app">
<div class="container">
<div class="div-centered">
<!-- Yours code -->
</div>
</div>
</div>
</body>
</html>
