Question

我有一个div，我需要放置不同尺寸的图像。我使用max-height，div大小根据图像的大小而变化。如果图像很小就没关系我的问题是如果图像很大，它就会从div中出来。我可以在div中修复它吗？这是html

     <div id="zoomdialog" style="display:none">
         <div style="border:1px solid black; top:0%; right:1%; 
          position:absolute;cursor:pointer;" class="zoomremoveclass"> 
               <img id="zoomremove" src="imag/bdelete.png"height="15"/>          
         </div>
         <div  class="loaddialog" style="border:1px solid black; text-align:center;">
              <img style="max-height:100%; max-width:100%;" id="zoomimg" src="" />
          </div>
      </div>

我在一个对话框中打开了这个，如果图像很大，loaddialog类中的图像就会出现在div中。这是对话框初始化。

   var height1 = screen.height-100;
   $('#zoomdialog').dialog({
    maxHeight: height1,
autoOpen: false,
width: '40%',
modal:true,
resizable: false,
draggable: false
});

如何修复div中的图像？有什么帮助吗？

Answer 1

你可以使用css属性overflow：hidden来容纳div。它只显示符合div高度的图像部分。（我假设它对你没关系）

div中的图像没有固定？

1 个答案: