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

Question

我正在做一个网站而且我不知道如何对齐包含在＆lt; li＆gt;。

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

我需要这些图像在中心自动对齐，我该如何使用CSS？

您可以通过右键单击Firefox或Chrome并单击Inspect Element来查看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;
}

Answer 2

尝试使用父li [{1}}获取宽度大于图像的li元素

如果你想将整个ul与中心对齐，我建议给它提供属性：

text-align: center