html - 如何水平居中包含图像的 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 一个固定的“宽度”，因为它每次都会改变（取决于卡片图像的数量）。

score 2 · Accepted Answer

你需要给你#dealercards的 awidth和margin:0 auto;

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

1 回答 1