Html 无法使用div和CSS将嵌入式flickr幻灯片居中显示

代码看起来像这样

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

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中的页边空白顶部将不起作用。

检查此更新的小提琴

请尝试此代码而不是下面的代码

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

---

我假设

文本对齐：居中不起作用？有没有可能安装一个JSFIDLE？
.flickr 
{ 
  margin-left: auto;
  margin-right: auto;
}