div居中显示

来源:互联网 发布:js控制div滚动条位置 编辑:程序博客网 时间:2024/06/07 15:39
关键有两个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> 
0 0