1

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

代码不起作用。
我尝试了不同的方法，但没有成功。
我该怎么做？

4

2 回答 2

1 
#footerpics { text-align:center; }
于 2013-08-02T22:06:38.980 回答
0

为了

margin: 0 auto;

要工作，它至少需要 2 个属性，即：

display:block;
width: ...px;

我需要成为具有指定宽度的块margin: 0 auto;才能工作。这是否是我留给你决定的正确方法。

于 2013-08-02T22:40:30.087 回答