div中的滚动条

2011-10-12 65 views 0 likes

我有一个div，里面有一张桌子。在这张表中，你可以看到有一个图像标签。通过JavaScript我设置图像src并显示。
我的问题是，如果图像很大，div必须滚动，但它不滚动。div中的滚动条

<div style="position:absolute;top:30px;left:640px;overflow:auto;"> 
<table frame="box" width="600px" height="330px"> 
    <tr> 
    <td><img id="graphId" style="display:none" src="" /></td> 
    </tr> 
</table> 
</div>

来源

2011-10-12 vikas27

图像没有滚动，因为你给固定的宽度和桌子的高度。尝试删除表格的高度和宽度。希望它能起作用。 –

回答

在这种情况下，<img>的大小始终缩放以适应<td>。

在这里我会告诉你如何以正确的方式使用overflow。

<div class="scroll"> 
    <div class="child"></div> 
</div> 
<style> 
    .scroll{overflow:scroll;width:500px;height:500px;background:black} 
    .child{width:1000px;height:1000px;background:yellow} 
</style>

Demo on jsfiddle.

来源

2011-10-12 11:04:06 Rufus

如何在div中设置我的图像大小，使其适合div内。现在图像出现在div的左侧。我想要形象来中间。观看这张图片将如何发布：http：//i.imgur.com/6xBjJ.png – vikas27