html - 如何将图像向左移动到图像左侧文本的上方-6ren

html - 如何将图像向左移动到图像左侧文本的上方

转载作者：行者123 更新时间：2023-11-28 05:30:56

这是我的代码。

<html>
<head>
<style>.xy{float:right}</style>
</head>
<body>

<img class="xy" src="https://upload.wikimedia.org/wikipedia/commons/1/1d/Martinique_Beach_%28Salines%29.jpg" width="250" height="233">

<ul>
<li><h1>abcd&nbsp;eghij&nbsp;&nbsp;&nbsp;&nbsp;</h1></li>
<li><h1>klmn&nbsp;opqr stuw</h1></li>
<li><h1>wxyza bcdef hij&nbsp; klmno&nbsp;</h1></li>
</ul><br><br><br><br>
</body>
</html>

将您的浏览器尽可能地扩大，然后开始缩小您的浏览器，您会看到文本很容易从图像的左侧流下。当你进一步缩小你的浏览器时，最终所有的文本都会跳到图像的下方，在图像的左边留下一个相当宽的空白区域，也就是文本所在的位置。一旦所有的文本都跳下来了，我需要图像向左移动到文本的正上方。一旦所有文本都位于没有媒体查询的图像下方，您如何使图像向左移动？

不知道为什么我以前从来没有看到这个问题得到解决

非常感谢，

克里斯

最佳答案

你可以像这样在图像上放置float:

<img class="xy" src="https://upload.wikimedia.org/wikipedia/commons/1/1d/Martinique_Beach_%28Salines%29.jpg" width="250" height="233" style="float:left;">

关于html - 如何将图像向左移动到图像左侧文本的上方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38517528/