📜  使用 CSS 显示调整大小和裁剪的图像

📅  最后修改于: 2021-08-29 12:51:06             🧑  作者: Mango

它有助于为网页上的预定义位置动态调整大小和裁剪任何图像。在网页中使用调整大小和裁剪的图像。有一种方法可以让我们在 div 内移动裁剪后的图像。

  • 压缩图像以适合该预定义位置的常规宽度和高度。
    例子:
    
    
      
    
          
        
        
    
      
    
          
        
          
     
      
                        
    

    输出:

  • 使用图像作为适合该预定义位置(随机裁剪)的背景图像的常规宽度、高度和背景位置。
    例子:
    
    
      
    
        
    
      
    
        
            
        
                             

    输出:

  • 这是裁剪图像的最后一步,也可以调整大小。在这个方法中,我们可以在 div 内移动图像。使用负边距在 div 内移动图像。

    例子:

    
    
      
    
        
    
      
    
        
            
                         
        
                                          

    输出: