0

代码看起来像这样

<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 将无法正常工作。

4

2 回答 2

0 
.flickr 
{ 
  margin:0 auto;
}

请尝试此代码而不是波纹管代码

.flickr 
{ 
  margin-left: auto;
  margin-right: auto;
}
于 2012-07-12T07:52:04.923 回答
-1

检查这个更新的小提琴

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

于 2012-07-12T06:26:26.197 回答