如何将选取的图像与屏幕上的某个位置对齐？

Posted 2023-03-05

【中文标题】如何将选取的图像与屏幕上的某个位置对齐？

【英文标题】：How do I align a marqueed image to a certain position on the screen?

【发布时间】：2021-01-13 23:47:04

【问题描述】：

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

<marquee>
<img src="https://cdn140.picsart.com/274296681002211.png"   >
</marquee> 

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

【问题讨论】：

选框标签已过时，不应使用：developer.mozilla.org/en-US/docs/Web/html/Element/marquee

@Pete 你知道不使用marquee标签在屏幕上投影图像的其他方法吗？如果是这样，有没有办法循环它？我猜我将不得不使用

搜索css marquee

@Slyvick，“在屏幕上投影图像”是什么意思？

@jnovack 我有一个图像，目前在屏幕上每隔一段时间就会移动一次，当你将鼠标悬停在它上面时它会抖动。我所说的项目基本上是在屏幕上显示图像。

【参考方案1】：

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

HTML

<div class="image">
  <marquee>
    <img src="https://cdn140.picsart.com/274296681002211.png"   >
  </marquee>
</div>

CSS

.image
  position: absolute;

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

<div style="position:absolute">