元素居中无效

Question

我在#demo中写了一个瀑布流布局。

js代码的最后想要让整个demo居中，但是没有效果。请问这是为什么。

自己的想法和测试：

<div></div>

div{
    background: red;
}

var div = document.getElementsByTagName("div")[0];
div.style.width = "200px";
div.style.height = "200px";
div.style.margin = "0px auto";

这样是有效的。

那么开始的代码中可能就是width的设置有问题。

但是调试器里面这个width很正常，是1372px啊。

奇怪。

应该和#demo中间动态创建的元素没关系。

Answer 1

#demo的width就是整个屏幕的宽度吧？应该将子元素进行居中吧