关键有两个css代码来结合使用:
//父节点
text-aglin:center;
//当前节点
margin:0 auto;
下面举个例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div居中</title>
<style>
.divFather{ text-align:center}
.div{ margin:0 auto; width:400px; height:100px; border:1px solid #F00}
/* css注释:为了观察效果设置宽度 边框 高度等样式,可以删除 .div{ margin:0 auto; } */
</style>
</head>
<body>
<div class="divFather">
<div class="div">
DIVCSS5实例
</div>
</div>
</body>
</html>