html - 无法使用 div 和 CSS 将嵌入式 flickr 幻灯片放映居中

Question

代码看起来像这样

<div class="body">
    <div class="flickr">
        <object width="600" height="450"> ...flickr slideshow code ....</object>
    </div>
</div>

然后是这样的CSS

div.body {
    height: 600px;
    width: 1024px;
}

.flickr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 450px;
    margin-top: 50px;
}

嵌入对象只是粘在父元素的左上角。居中的 CSS 都不起作用。

我可以在 HTML 的 div 中指定 align="center"并使其居中，但 CSS 中的 margin-top 将不起作用。

Answer 1

.flickr 
{ 
  margin:0 auto;
}

请尝试使用此代码代替下面的代码

.flickr 
{ 
  margin-left: auto;
  margin-right: auto;
}