疊加在一個div中心的水平和垂直中心在DIV

Question

不知道一個IMG如果只能用CSS來實現......如果可以，我寧願......

我有一個水平線（div），我想將圖像放置在線的中心（水平）和（垂直）。

我想這與JavaScript，但它不工作在所有...

HTML：

<style type="text/css"> 
#container { 
    background-color:#F00; 
    height:5px; 
    width: 77%; 
    margin: 0 auto; 
} 
</style> 

<script> 
var logo = document.getElementById('logo'); 
var container = document.getElementById('container'); 
var margin = (container.clientHeight - logo.clientHeight)/2; 
logo.style.marginTop = margin + "px"; 
logo.style.marginBottomn = margin + "px"; 
</script> 

<br><br><br> 
<div id="container"> 
<img src="images/logo_footer.jpg" width="229" height="75" id="logo" /> 
</div> 

Answer 1

在CSS中，加保證金左：自動; margin-right：auto;對於頂部和底部，您必須使用margin-top：amountpx;並測量它。