我正在尝试将包含图像的 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 一个固定的“宽度”,因为它每次都会改变(取决于卡片图像的数量)。