html - 如何将 "li"中的多个图像居中对齐

Question

我正在做一个网站，但我不知道如何对齐

中包含的图像。

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

我需要这些图像自动居中对齐，如何使用 CSS 实现？

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

感谢您的回答:)

Answer 1

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

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

注意:去掉float属性。

#navlist {
   text-align:center;
}