css难题，如何让div在一个div中居中？

Question

最近弄了css，想把在一个div中的div居中显示，使用了{margin: 0 auto;}，发现是对整个页面的居中，而不是在div中居中。

Answer 1

http://www.w3cplus.com/css/centering-css-complete-guide.html

http://www.w3cplus.com/css/elements-horizontally-center-with-css.html

参考下这两篇文章，可能对你有帮助

Answer 2

#outer{
    width: 70%;
    height: 100px;
    background: #000;
}
#inner{
    width: 50%;
    height: 100px;
    background: red;
    margin: 0 auto;
}

这样？

Answer 3

<div style='width:500px;'><div style='width:50px;margin: 0 auto;'></div></div>
你没设置父级DIV宽度吧？

Answer 4

有很多方法
1.可以用相对位置，position属性，让子div相对父div居中，用法left，top，margin-left，margin-top
2.可以用你说的margin：0 auto，出现你说的这个问题解决办法：设置父div的宽度

Answer 5

css3水平和竖直居中-》position:absolute;top：50%;left:50%;translate(-50%, -50%);

Answer 6

想要居中，必须先设置div的宽度为100%