Div内的图像全部转移到一边？

Question

我有一个带文字链接和图片的顶栏;所有图像都转移到一边？

图片应该与各自的文字链接对齐，有人能告诉我我做错了吗？

这是网站： http://www.heatx.org/productcart/pc/viewCategories.asp?idCategory=2

Answer 1

所以，我正在查看您在Chrom DEV工具中发布的网址，我在pcHeaderFooter11.css

中找到了一个条目

#pcIconBar a {
 text-decoration: none;
 color: #666;
}

将其更改为：

#pcIconBar a {
 text-decoration: none;
 color: #666;
 display: inline-block;
}

瞧，瞧！

请记住，带有display: block的元素往往表现得像div个标签，最后会出现在一个单独的空间中。你想要这样的对齐，你应该明确指明你希望元素是inline。希望这有帮助！

Answer 2

我想我在那里看到一个名为“pcIconBarRight”的div并离开了。 但我个人会为每个按钮/图标对创建一个div。

否则你可以在你的css中使主div“相对”，然后根据它移动子对象。 （相对于父div（在本例中为pcIconBarRight）