html - Div 中的图像全部转移到一侧？

Question

我有一个带有文本链接和图像的顶栏；所有图像都向一侧移动？

图片应该在它们各自的文本链接旁边对齐，谁能告诉我我做错了什么？

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

Answer 1

因此，我查看了您在 Chrom DEV 工具中发布的 URL，并在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）