我试图尽可能重现所有内容。CSS:
.container-fluid-max {
max-width: 1440px;
height: 300px;
background-color: black;
margin: 30px 0;
}
.bg-img{
margin: 0px;
padding: 0px;
height:300px;
border: 3px 0 solid $b-black;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.bg-img img{
max-height:450px;
position:absolute;
bottom: 0px;
}
https://jsfiddle.net/DTcHh/19984/
我的问题:我正在尝试使图像居中。由于在我的项目中,img始终是不同/随机的,因此我无法真正分辨出它的高度/宽度。只是说我不希望它高于450px。
并且可以进入上面的div。那是我想要实现的。
尝试以下代码:
.bg-img img{
max-height:450px;
position:absolute;
bottom: 0px;
left:0;
right:0;
margin:0 auto
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句