将图像链接与中心对齐

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;起作用。这是否是我给你决定的正确方法。