img标签垂直水平居中的实例

HTML

1. <img src="https://wj.gtimg.com/default/skin/background-fashion_2.png" class="background-image-content" alt="皮肤背景图">

复制代码

CSS

1. height: 640px;
   
2. overflow: hidden;
   
3. width: 100%;
   
4. background-size: cover;
   
5. -o-object-fit: cover;
   
6. object-fit: cover;
   
7. -o-object-position: top;
   
8. object-position: top;
   
9. border: 0;
   
10. vertical-align: bottom;
    
11. max-width: 100%;
    
12. min-width: 1000px;
    
13. min-height: 100%;
    
14. background: #ebf3fd;
    
15. position: relative;
    
16. background-color: rgba(251,241,253,1);

复制代码