1

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

4

1 回答 1

2

你需要给你#dealercards的 awidthmargin:0 auto;

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

在这里演示

于 2013-09-06T23:08:56.220 回答