html - 如何在中心的“li”中对齐多个图像

Question

我正在做一个网站，但我不知道如何对齐包含在 <li> 中的图像。

在这里你可以看到页面 - http://www.dansid.cz/praginfo/services.php?l=de

我需要这些图像自动居中对齐，如何使用 CSS 做到这一点？

您可以通过右键单击 Firefox 或 Chrome 并单击检查元素来查看 CSS 等。

感谢您的回答:)

Answer 1

通过lisi 中的图像假设您指的是在您的站点中找到的缩略图，您可以通过声明它们display:inline-block而不是float:left然后通过在其中设置text-align:center属性来简单地将它们居中在它们的容器中，如下所示：

#navlist li {
   display:inline-block;
   *display:inline; /* ie7 fix */
}

注意：删除浮动属性。

#navlist {
   text-align:center;
}

Answer 2

text-align: center尝试使用宽度大于图像的 li 元素的父 li

如果您想将整个 ul 与中心对齐，那么我建议给它以下属性：

margin: 0 auto;
display: block;
width: //your width;