如何让div容器水平居中显示在父容器中

    技术2024-11-25  19

    (1)正确的DOCTYPE类型设置,让浏览器以标准模式渲染html,css(2)div设置宽度值,margin-left,margin-right设为auto(3)div不使用浮动,即保持默认的float:none

    以上三者缺一不可,下面是一个例子:

    <!DOCTYPE html><html>

    <HEAD>

    <style type="text/css">body{ margin:0; padding:0;}

    #wraper{ width:1000px; margin: 0 auto; border:red solid 2px;}

    </style></HEAD>

    <BODY><div id="wraper"></div></BODY>

    </HTML> 

    最新回复(0)