Html 位置：不带'的相对图像；不推附近的文字？ 简单的问题：我需要一个图像出现在一段文字的中间，但是，图像比字体的每一行的高度稍大一些，所以它在文本中推开一个水平的“间隙”来为自己腾出空间。要解决此问题，我可以：

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

但我不想进一步缩小它，它已经足够小，可以“技术上适合”每行文本，除了它需要在文本行上下使用一些像素的白色区域

我不能使用position:absolute，因为这样图像的位置就会在窗口的左上角，而不是我想要的段落中

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

编辑：我发现添加：边距：-20px；以形象的风格作品

margin:-20px;

---

jsidle示例：

如果希望图像与段落内联显示，则图像是块级元素。这样做

img {
  display: inline;
}

---

您可以使用

垂直对齐：top

---

请参见

您能否提供一个JSFIDLE或codepen，以便我可以看到问题。如果您向我们展示您所做的，可能会有所帮助。例如，代码或图像。。。这是它看起来的样子：--注意图像在其上方的文本中打开了一个水平间隙，尽管我已经将图像放低了一些。我需要一种方法使图像位于段落末尾的位置，而不必将文本推到上方和左侧。