无法与股利和CSS

Question

居中嵌入Flickr的幻灯片的代码看起来是这样的

<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

检查该更新的小提琴

http://jsfiddle.net/bta5Q/20/

Answer 2

.flickr 
{ 
    margin:0 auto; 
} 

请试试这个代码，而不是娄代码

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