Question

我的网站上有很多图片，我已将它们定位在不同的地方。但是，每当我放大或缩小页面时，它们都会移动到处！有人可以帮助我吗？

这是我用来定位图像的一种代码示例。它是我个人发现的唯一代码，可以让我在任何我喜欢的地方设置图像。但是当我放大时它仍会移动！

<IMG STYLE="position:absolute; TOP:2820px; LEFT:150px; WIDTH:100px; HEIGHT:100px" SRC="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/abstract-red-and-gold-paint-splatter-icons-culture/022426-abstract-red-and-gold-paint-splatter-icon-culture-heart-simple.png">

Answer 1

问题是您没有使用相对职位。使用px来定位事物存在问题。

尽量将所有内容放在文档中。你绝对不应该用绝对测量来定位某些东西，如果你是这样的话，它可能是错误的方法。

有许多方法可以垂直对齐事物 - 这种方式绝不是最好的方法。我怀疑你的问题会在找到重复之前持续很久。无论如何，请参阅this example。

<style>
html, 
body,
.parent {
  height: 100%;
  width: 100%;
}
.parent > .child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
<div class="parent">
  <img class="child" src="https://placehold.it/150x150">
</div>

将来，您应该展示一个更详细的代码示例。另外..你应该用小写字母写下你的标记。很少有语言会以大写形式提出建议（如果有的话）。

你也不应该在线上写你的风格，你可以避免它（也不是<style>标签 - 我只是为了你的方便将这个例子分组）。

无论放大还是缩小，都可以将图像保存在同一位置

1 个答案: