纯css实现图片根据最大的边适应外框

本文主要是介绍纯css实现图片根据最大的边适应外框，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

纯css实现图片根据最大的边适应外框

 

<div class="box">

    <img src="**********.jpg">

</div>

.box {

     position:relative;

}

 

img {

    // 根据最大的边适应外框

    max-height: 100%;

    max-width: 100%;

 

  // 图片居中

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

}

 

这篇关于纯css实现图片根据最大的边适应外框的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---