在不知图片尺寸的情况下，让其居中（图片宽度过宽时或者高度过高时，图片都不可以被隐藏）

/* 公用样式 */.box_com{  width: 200px;  height: 200px;  border: 5px solid #333;  margin-bottom: 20px;}.box_com img{  max-width: 100%;  max-height: 100%;}/* 使用text-align line-height */.box {  width: auto;  margin: 0 auto;  clear: both;  display: table;}.img_box{    text-align: center;    font-size: 0;    line-height: 200px;}.img_box img{    display: inline;    vertical-align: middle;}/* 使用定位 position */.img_box_position{    position: relative;}.img_box_position img {  position:absolute;  margin:auto;  top:0;  bottom:0;  left:0;  right:0;}/* 使用flex布局 */.img_box_flex{  display: flex;  justify-content: center;  align-items: center;}复制代码

    
  
     
使用text-align line-height
  
     
      
        
     
  
     
      
        
     
  
     
      
        
     
    
    
    
  
     
使用定位position
  
     
      
        
     
  
     
      
        
     
  
     
      
        
     
    
    
    
  
     
使用flex
  
     
      
        
     
  
     
      
        
     
  
     
      
        
     
    
复制代码