如何将图标放置在我想要的位置？

【问题标题】：How to place icons where I want them?如何将图标放置在我想要的位置？
【发布时间】：2011-08-24 19:21:29
【问题描述】：

在我当前网页标题中图标的 HTML 代码中，我使用以下代码：

<a href=''><img src=''/></a> | <a href=''><img src''/></a>

这使我的图标非常靠近，彼此相邻，但带有“|”它们之间。

有人可以推荐任何最好的 HTML 代码示例，这将允许我更具体地放置图标并且没有“|”在他们之间。

（请原谅之前对我的问题的糟糕解释！）

【问题讨论】：

【解决方案1】：

您可以在 HTML 中使用 CSS 内联，如下所示：

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a>

这会在每个链接的左侧和右侧添加 10 像素的边距。

但是，在 HTML 页面的头部添加 CSS 会更好：

<style type="text/css">
.menuItem {
margin: 0px 10px 0px 10px;
}
</style>

然后将其用作 HTML：

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a>

【讨论】：