Question

简单问题：我需要一个图像出现在文本段落的中间，但是，图像略大于字体每行的高度，因此它会在文本中打开一个水平的“间隙”为自己腾出空间。要解决这个问题，我可以：

1）缩小图像，使其不大于字体。 2）使用位置：绝对

但是我不想再缩小它，它已经足够小以至于在每行文本之间“技术上合适”，除了它需要使用上面和下面的白色区域的几个像素。它所在的文字行。

我不能使用position：absolute，因为那时图像的位置将位于窗口的左上角，而不是我想要的段落。

我想也许我可以在段落中放入一个大小为1像素的虚拟“占位符”图像。然后，在我的真实图像上使用Position：Absolute，并不断将我的真实图像设置在虚拟图像所在的位置。我还没有研究过这是否可能，但对于这么简单的事情来说似乎有些过分。有更简单的方法吗？

编辑：我发现添加：margin：-20px;图像的风格作品!!!

margin:-20px;

Answer 1

图像是块级元素，如果您希望它们与段落一起显示。这样做。

img {
  display: inline;
}

Answer 2

您可以使用vertical-align: top