無論放大還是縮小，都將圖像保存在同一個地點

我在我的網站上有許多圖像，這些圖像都位於不同的地方。但是，每當我放大或縮小頁面時，它們都會移動到任何地方！有人能幫助我嗎？無論放大還是縮小，都將圖像保存在同一個地點

這是一個我用來定位圖像的代碼。它是我個人發現的唯一代碼，可以讓我在任何地方設置圖像。但是當我縮放時它仍然會移動！

<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">

來源

2016-05-30 Yo Joe

的問題是，你不使用相對位置。存在使用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>標籤 - 我的只是爲了便於分組的例子）。

來源

2016-05-30 04:14:08 Jonathan

無論放大還是縮小，都將圖像保存在同一個地點

回答

相關問題