如何将选取框图像对齐到屏幕上的特定位置？

Question

我的代码目前看起来有点像这样：

<marquee>
<img src="https://cdn140.picsart.com/274296681002211.png" alt="Mushroom" width="100" height="100">
</marquee> 

我是一个菜鸟，尝试过使用 style="" 代码，但它似乎破坏了一切。

Answer 1

在图像周围放置一个 div，这样您就可以使用 css 轻松调整位置。检查此链接以获取更多说明：https://www.w3schools.com/css/css_positioning.asp

HTML

<div class="image">
  <marquee>
    <img src="https://cdn140.picsart.com/274296681002211.png" alt="Mushroom" width="100" height="100">
  </marquee>
</div>

CSS

.image{
  position: absolute;
}

作为替代方案，您可以使用带有 style="" 属性的内联样式。

<div style="position:absolute">

Answer 2

我最近遇到了同样的问题，我尝试了一切，唯一对我有用的就是定位字幕标签本身 （我知道这个问题是 3 年前的，哈哈，但我想为正在寻找解决方案的人回答）
这是我的代码，根据您的喜好进行编辑：

<marquee direction="right" behaviour="scroll" width="520px" height="54"  style="position:relative; top:-45px; left:30px; "> <img src="https://i.ibb.co/CBqPfyB/39a6b82755074cac22750d3a5b85837e-removebg-preview.png" alt="strawberry shortcake" width="100" height="100"  style="position:relative; top:-20px; "></marquee>

希望这有效！