Question

我正在尝试将图像缩放到表格的大小（不幸的是我需要保留表格），其中表格与div的大小相同。看看下面的链接，右边的图片就是我的期望。但是，在底部图片中，图像不会停留在100％大小的表格中。为什么高度没有缩小？

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

感谢。

Answer 1

直接应用高度和宽度，因为您知道表格大小。

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

Answer 2

尝试将div隐藏到div

溢出：隐藏

Answer 3

好吧，我不得不说我之前从未注意过这种行为。我已经找到了使用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可能有更好的方法，但我会让你弄清楚：）

强制图像成为固定的div？

3 个答案: