jquery - LI 中 IMG 的绝对位置

Question

我正在使用 jQuery 在导航的活动列表元素中添加图像（ul li.active）。工作正常。

出于设计目的，我想绝对定位这个 img 并添加一个left: 50%;使其居中。在除 OS X 上的 Firefox（最新）和 Windows XP 上的 Safari 之外的所有浏览器中都能正常工作。这些适用于left: 50%;相对于 UL 而不是 LIposition: relative;

在它工作的地方，图像显示在我的 LI 内容下方的中心。

网址：http ://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html 这是标志下方的黑色菜单。

正如一些人建议的那样，试图display: block;在 img 上放一个：什么都没有。

任何事物？

谢谢

Answer 1

我发现了问题

移除高度 = ul 元素

添加 float:left = li 元素

边距：0；= li 元素

它会正常工作

Answer 2

我认为您需要将列表项的显示从“table-cell”更改为：

display: inline-block;

然后删除：

margin-bottom: 8px;

造型。这似乎对我有用（OSX 上的 Firefox）。

如果您放置一个负边距，即图像宽度的一半，您实际上可以使其居中：

margin-left: -10px;