如何水平居中包含图像的div块？

Question

我正在尝试水平居中包含图像的div块（通过Javascript放置在那里的扑克牌），但不知何故它不起作用（图像仍然是左对齐的）。这是HTML：

<div id="dealerarea">
    <div id="dealercards">
    <!--Images by Javascript-->
    </div>
</div>

这是CSS：

#dealerarea{
position:absolute;
width:100%;
height:96px;
top:15px;
}
#dealercards{
display: block;
margin-left: auto;
margin-right: auto;
}

我做错了什么？提前谢谢！

编辑：我不能给内部div一个固定的“宽度”，因为它每次都会改变（取决于卡片图像的数量）。

Answer 1

您需要#dealercards width和margin:0 auto;

#dealercards
{
display: block;
margin:0 auto;width:200px;
}

DEMO HERE