html - 将图像链接居中对齐

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