Html 在多个H1标记线上对齐图像 我在H1标签中有一个垂直对齐的图像。用一个短句很好。然而，当句子是多行时，我希望图像在整个句子的中间对齐，而不只是第一行。是否可以在不创建两列的情况下执行此操作

你好，你好吗？

---

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界的标准虚拟文本您可以通过flex实现这一点

HTML

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本

注意，我用一个空格将您的文本包装起来

---

在这里学习如何使用flex

您可以通过flex实现这一点

HTML

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本

注意，我用一个空格将您的文本包装起来

---

在这里学习如何使用flex如果您绝对不想创建多个列，那么您可以使用这种纯css方法：

h1{
  position:relative;
  padding-left:80px;
}

h1 img{
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-17.5px; /* IMAGE HEIGHT DIVIDED BY 2 */
}

我的建议是，在您的场景中，如果可能的话，使用额外的html元素，而不是使用多列方法

---

希望这会有所帮助。

如果您绝对不想创建多个列，那么您可以使用这种纯css方法：

h1{
  position:relative;
  padding-left:80px;
}

h1 img{
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-17.5px; /* IMAGE HEIGHT DIVIDED BY 2 */
}

我的建议是，在您的场景中，如果可能的话，使用额外的html元素，而不是使用多列方法

希望有帮助

h1{
  position:relative;
  padding-left:80px;
}

h1 img{
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-17.5px; /* IMAGE HEIGHT DIVIDED BY 2 */
}