在插入javascript元素后应用css

我有一个名为“thumbs”的div和一个用图像填充它的javascript函数

function fillThumbs(){
    for (i=0; i<images.length; i++){
    var imageX = document.createElement("img");
    imageX.src = images[i];
    document.getElementById("thumbs").appendChild(imageX);
    }

}

问题：拇指div未居中，或者#拇指img的间距正确。看起来边距属性被忽略，而图像的宽度被忽略

---

正确通过。

由于页边距上没有任何单位，因此未应用页边距。您需要px

px

或类似值（对于非0的值；CSS对于没有单位的0是可以的）：

现场示例：

vari；
函数fillThumbs（）{
对于（i=0；i页边距不应用，因为页边距上没有任何单位。您需要
px
或类似的值（对于非0的值；CSS可以使用0，没有单位）：

现场示例：


vari；
函数fillThumbs（）{
对于（i=0；i当值不等于0时，您应该始终提供一个单位。更改css如下：

#thumbs img{
    width: 220px;
    margin: 0 10px 10px 0;
}

margin:0 auto；
仅在#thumbs节点的宽度已知时将其居中。请尝试为其指定宽度。
当值不等于0时，您应始终提供一个单位。更改css，如：

#thumbs img{
    width: 220px;
    margin: 0 10px 10px 0;
}

margin:0 auto；
仅在#thumbs节点的宽度已知的情况下将其居中。请尝试给它一个宽度。
jsiddle my friend将非常好
#thumbs{text align:center；}
should workMargin:0 10 10 0->Margin:0 10 px 10 px 0；除了值之外，您还需要为您的Margin指定一个单位。jsfiddle我的朋友会很好的
#拇指{text align:center；}
should workMargin:0 10 10 px 10 px 0->除了值之外，您还需要为您的Margin指定一个单位。
#thumbs img{
    width: 220px;
    margin: 0 10px 10px 0;
}