如何让子DIV水平居中于父DIV？

父DIV宽度不定，子DIV宽度固定，如何让子DIV水平居中于父DIV？

2024-12-11 21:45:16

推荐回答（5个）

回答1：

这个要要用到绝对定位和盒子模型

 
        #father {
        width:200px;
        height:200px;
        background-color:yellow;
        }
        #son {
        position:absolute;
        width:50px;
        height:50px;
        background-color:red;
        margin:75px 0px 0px 75px;
        }

效果如下：

回答2：

margin:0 auto; 前提是父div的宽度必须比子div的宽度宽！

回答3：

按要求，这样设置即可：

111

回答4：

margin:0px auto;

回答5：

子级元素的css设置这3个属性：
{
    display: table;
    text-align: center;
    margin: 0 auto;
 }