如何实现图片在div中保持长宽比且垂直水平居中

2017-08-19  本文已影响0人  JennTu

代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<title>TEST IMG CENTER</title>
</head>
<style>
    img{
        width: auto;height: auto;max-width: 100%;max-height: 100%;
    }
    div{
        width:350px;height:280px;border: 4px black solid;
        display:flex;justify-content:center;align-items:center
    }
</style>
<body>
    <div>
        ![](iff2.PNG)
    </div>  
</body>
</html>

参考文档

上一篇下一篇

猜你喜欢

热点阅读