带有链接作为背景图像的html元素h1在一行中显示它们

我有一个H1元素，它包含许多链接，这些链接有唯一的类

我需要以这样一种方式定义css类，即每个类都将其相应的图像作为背景，从而使图像成为链接

例如：

HTML:

---

我的问题：如何在一行中显示链接？现在，一个显示在另一个下面。

使用

显示：内联块而不是
display:block
用于
a
元素
 使用
显示：内联块而不是
display:block
用于
a
元素
 使用
显示：内联块而不是
display:block
用于
a
元素
 使用
显示：内联块而不是
display:block
用于
a
元素
 您可以使用
显示：内联块而不是
显示：块a
元素的code>。
您还可以添加
垂直对齐：中间
以使链接位于h1标记的中心。
您可以使用
显示：内联块而不是
显示：块a
元素的code>。
您还可以添加
垂直对齐：中间
以使链接位于h1标记的中心。
您可以使用
显示：内联块而不是
显示：块a
元素的code>。
您还可以添加
垂直对齐：中间
以使链接位于h1标记的中心。
您可以使用
显示：内联块而不是
显示：块a
元素的code>。
您还可以添加
垂直对齐：中间
，使链接位于h1标记的中心。
显示：内联块

这是一个有点难跟随你正在寻找做什么，但我相信这就是它

显示：内联块

这是一个有点难跟随你正在寻找做什么，但我相信这就是它

显示：内联块

这是一个有点难跟随你正在寻找做什么，但我相信这就是它

显示：内联块

这是一个有点难跟随你正在寻找做什么，但我相信这就是它

这是有问题的，因为您无法更改HTML。使用
float：右a
元素上的code>应该有助于避免空白问题，但您需要控制容器的宽度，以确定如何保持内容的流动性，并且每次更新内容时可能都需要更新CSS。如果使用
内联块
，则可能需要在
h1
标记上使用
font-size:0
，以避免出现空白，但您不能这样做，因为您有需要显示的文本<不幸的是，代码>内联块
可能是最安全的方法

有关空白问题的更多详细信息，请参见。这是一个问题，因为您无法更改HTML。使用
float：右a
元素上的code>应该有助于避免空白问题，但您需要控制容器的宽度，以确定如何保持内容的流动性，并且每次更新内容时可能都需要更新CSS。如果使用
内联块
，则可能需要在
h1
标记上使用
font-size:0
，以避免出现空白，但您不能这样做，因为您有需要显示的文本<不幸的是，代码>内联块
可能是最安全的方法

有关空白问题的更多详细信息，请参见。这是一个问题，因为您无法更改HTML。使用
float：右a
元素上的code>应该有助于避免空白问题，但您需要控制容器的宽度，以确定如何保持内容的流动性，并且每次更新内容时可能都需要更新CSS。如果使用
内联块
，则可能需要在
h1
标记上使用
font-size:0
，以避免出现空白，但您不能这样做，因为您有需要显示的文本<不幸的是，代码>内联块
可能是最安全的方法

有关空白问题的更多详细信息，请参见。这是一个问题，因为您无法更改HTML。使用
float：右a
元素上的code>应该有助于避免空白问题，但您需要控制容器的宽度，以确定如何保持内容的流动性，并且每次更新内容时可能都需要更新CSS。如果使用
内联块
，则可能需要在
h1
标记上使用
font-size:0
，以避免出现空白，但您不能这样做，因为您有需要显示的文本<不幸的是，代码>内联块
可能是最安全的方法

有关空白问题的更多详细信息，请参见，您需要使用：

display: inline-block;

您需要使用：

display: inline-block;

您需要使用：

display: inline-block;

您需要使用：

display: inline-block;

没有任何逻辑、语义或SEO理由在那里使用
h1
。请使用div。我知道，不幸的是，我无法更改它。来自第三方服务没有逻辑、语义或SEO理由在那里使用
h1
…使用div。我知道，不幸的是我无法更改它。来自第三方服务没有逻辑、语义或SEO理由在那里使用
h1
…使用div。我知道，不幸的是我无法更改它。来自第三方服务没有逻辑、语义或SEO理由在那里使用
h1
…使用div。我知道，不幸的是我无法更改它。是来自第三方服务的，我怎么能在H1文本下添加它们呢？我不认为你可以这样做，不幸的是，“我的标题”文本没有包装在html元素中。我知道这很难看，但也许你不能更改