在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; 
} 

Fiddle

Answer 2

或者這由於object是一個內聯元素。

.parent{ 
text-align: center; 
} 

如果你想變現代。

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