對齊圖像鏈接到中心

Question

我有一個div一些圖像鏈接，並希望將它們對齊在div的中心：

<div id="tecnologies"> 
    <div id="footerpics"> 
     <a href=""><img src="pics/pythonsmall.png" alt=""></a> 
     <a href="‎"><img src="pics/djanogsmall.png" alt=""></a> 
     <a href=""><img src="pics/bluefishsmall.png" alt=""></a> 
     <a href=""><img src="pics/gimpsmall.png" alt=""></a> 
    </div> 
</div> 

這裏是CSS：

footer { 
    width: 977px; 
    background-color: #BFBFBF; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
} 

#tecnologies { 
    margin: 0 auto; 
    direction: ltr; 
    font-size: 12px; 
} 

#tecnologies a { 
    margin: 0 auto; 
} 

#footerpics { 
    width: auto; 
    margin: 0 auto; 
} 

的代碼不工作。
我嘗試過不同的方法，但沒有成功。
我應該怎麼做？

Answer 1

#footerpics { text-align:center; } 

Answer 2

爲了

margin: 0 auto; 

工作至少需要2個屬性是：

display:block; 
width: ...px; 

我需要是爲了具有指定的寬度的塊爲margin: 0 auto;到工作。無論是我留給你決定的正確方法。