本文给大家介绍
css
如何实现图片大于div时的居中显示（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
当图片大于p时，想要图片居中显示，如果图片等比例缩小可能会导致图片不能填充整个p，如果直接将图片不设置宽高，将其外层p设置overflow:hidden；这时即使外层p设置了水平垂直居中，图片也不是居中的效果：
解决方法：
1- 把图片设置为背景图片
2- 给图片设置相对p的100%的宽高，再设置object-fit:cover;
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问
CSS基础视频教程
！
立即学习
“
前端免费学习笔记（深入）
”；
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
相关推荐：
CSS在线手册
div/css图文教程
.face-img-contain{
width:348px;
height:436px;
margin:0 auto;
margin-top: 14px;
position: relative;
background-image: url(../images/face-img/test-22.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid gainsboro;
}若是后台返回的地址，别忘了拼接方法正确
$("#face-img-back").css("background-image","url("+faceImg+")");
.face-img-contain-new-new{
width:348px;
height:436px;
margin:0 auto;
margin-top: 14px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border: 1px solid gainsboro;
}
.face-img-defined1{
width:100%;
height:100%;
object-fit:cover;
}