Html 如何使文本环绕图像而不留下空白或换行符？

我希望在图像周围有文字环绕（这是我实现的），当一行中断时，图像周围没有空白。

标题
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本

尝试使用线条高度，使文本最适合，或者为图像设置右边距，使文本和图像之间保持相同的“空白”

我找不到我想要的解决方案，所以我决定使用

边距底部

来确保图片下方没有文本

我使用问题中的

HTML

自动更改下页边距高度的脚本：

setInterval（刷新，1000/30）；
函数刷新（）{
ih=document.getElementsByTagName（'img'）[0].getBoundingClientRect（）.height；
ph=document.getElementsByTagName（'pre'）[0].getBoundingClientRect（）.height；
document.getElementsByTagName（'img'）[0].style.marginBottom=`${Math.abs（ph-ih）}px`；
}

标题
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本

预期的输出是什么？我认为在您的情况下，字体大小超过了1-2像素的空白，因此即使乍一看它看起来合适，也不适合。尝试调整线条高度您的初始样本有

，但已被用户删除。它应该是带有

。。。如果，你必须把它加回去。@CristianTraìna

行高

不是通用的，图片总是容器宽度的34%，所以当宽度改变时，图片宽度也会改变，然后我也有同样的问题。@LGSon我把它加回去了。我能看到的唯一两件事是，鉴于您的评论，您不想使用媒体查询的脚本或视口单位，用于

宽度/行高/font

。正如我所说的：行高不是通用的，图片总是容器宽度的34%，因此当宽度改变时，图片宽度也会改变，然后我也会遇到同样的问题。我的问题是图像底部的空白（不是侧面）。因此，当它是流体时，请使用calc（）函数（也使用%units）使线条高度与此元素匹配。我从何处获得第一个值？宽度为34%，高度为

auto

。所以我不能得到高度值。