CSS3的垂直水平居中

 

代码如下~

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.box{ justify-content:center; align-items:center; display:flex; width:500px; height:500px; background:red;}
.div1{ width:200px; height:200px; background:blue;}

</style>
</head>

<body>
<div class="box">
    <div class="div1"></div>
</div>
</body>
</html>

 

posted @ 2016-05-05 16:05  __枫伊飘渺  阅读(122)  评论(0)  编辑  收藏  举报