強制圖像變成固定的div？

我試圖讓圖像縮放到一個表的大小（不幸的是我需要保留表）在哪裏表是與div的大小相同。看看下面的鏈接，正確的方式是我期望的。但是，在底部的圖片中，圖片並未停留在100％大小的表格中。爲什麼高度不會縮小？強制圖像變成固定的div？

http://dl.getdropbox.com/u/139980/image%20size%20experiment/index.html

感謝。

來源

2009-05-06 victor

如果您知道容器的尺寸，你爲什麼不只是將它們應用到直接的形象呢？想要使用容器來管理圖像大小而不是直接管理它的目的可能是什麼？ – 2009-05-06 15:21:12

-1

那麼，我不得不說我以前從未注意到這種行爲。我已經找到了解決您的問題使用Javascript。我能夠用CSS做到這一點的唯一方法是，如果我指定了與DIV相同的高度和寬度。

因此，JavaScript設置與圖像元素的父母DIV相同的高度和寬度。希望這會爲你一個可行的解決方案：

<html> 
<head> 
<script> 
function autoSize(i) 
{ 
    i.style.height = i.parentNode.parentNode.parentNode.parentNode.parentNode.style.height; 
    i.style.width = i.parentNode.parentNode.parentNode.parentNode.parentNode.style.width; 
}; 
</script> 
</head> 
<body> 

<div style="position: absolute; width: 400; height: 100;top: 200; left: 10;background-color: #CCCCCC"> 
    <table width=100% height=100%><tr><td align=center valign=middle> 
     <img src="ImagePlaceholder.png" onload="autoSize(this)"> 
    </td></tr></table> 
</div> 

</body> 
</html>

有可能獲得parentNode更好的辦法，但我會讓你看着辦吧:)

來源

2009-05-06 14:57:20 jgallant

嘿，你一定是在開玩笑吧。我只希望我能不止一次地倒退。我建議在某些時候閱讀關於DOM的方法。 – 2009-05-06 15:11:04

應用高度，因爲你直接寬知道桌子的大小。

<img src="imageName.png" width="20" height="20">

來源

2009-05-06 15:29:50 Khan

嘗試溢出隱藏的div

溢出：隱藏

來源

2009-05-06 20:14:20 Yasir

這並不能解決問題。它只是隱藏圖像而不是縮小圖像... – Jon 2012-08-29 23:31:28

強制圖像變成固定的div？

回答

相關問題