将对象标记居中于div中

Question

如何将div中的对象内容居中？

.parent{
background-color:yellow;
}

.ob{
margin: 0 auto;
}
</style>

<div class="parent">
<object width="400" height="400" class="ob" data="helloworld.swf">
</object>
</div>

提前致谢！

Answer 1

默认情况下，object元素具有内联样式，而margin: auto仅适用于块级元素。

添加此样式：

.ob {
  display: block;
}

Pattern

Answer 2

或者这是因为object是一个内联元素。

.parent{
text-align: center;
}

如果你想变得现代化。

.parent{
    background-color:yellow;
    display: flex;
    justify-content:center
}