我不知道如何比标题更好地描述它，所以我只画出来。

在下面的图像中，横线是“文字”，小方框是图像，大方框是整个网页。我希望文本的行为像在绘图中一样，但我不知道如何。

我可以使用or或使文本在图像周围环绕，也可以使用or或使文本垂直居中，但我不能同时做到这两项。使用这些技术使文本垂直居中似乎会遇到清除错误，它们基本上就像图像不在那里一样。

顺晟科技：

您可以通过与属性的帮助来实现。因此，您将需要动态检查少量的文本，如果存在，然后添加类，如果文本数量更多，然后不需要添加类。 使用display时，我使用属性将图像div从转换为。 我希望下面的代码片段对您有很大帮助。

CSS exclusions在这里会有所帮助：它允许您将文本环绕在任何元素周围，包括绝对定位的元素。不幸的是，该规范仍然是一个工作草案，还没有浏览器支持它.

这里有一个片段来说明CSS排除对您是如何有用的。正如您所看到的，它使用绝对定位而不是浮点数，除了文本不换行之外，一切都按您希望的方式工作。遗憾的是，排除规则没有效果。

同时，一个建议是，当图像旁边只有少量文本时使用flexbox，当有更多文本时使用浮点数。否则，您将不得不在float或flex之间做出选择，忍受它看起来不太正确，或者选择不同的外观。

您可以使用 位置：相对的（对于文本） 最高：50% Transform:Translatey(-50%)

这将使div中心的文本垂直居中 或者你可以 对图像和文本都使用垂直短号 垂直-短吻鳄：中间

我不知道我是刚刚回答了你的问题还是缺少了什么。如果再次修复此问题不起作用，请通知我。