很多时候我们需要一张图片高度不变,内容始终显示在中间,用背景图片的方法可以实现这种效果,我去看了 当时 华为手机专区的首页也是用这个方法实现的
实际效果
![](https://img.haomeiwen.com/i6286674/2ce23ffcaebd1cad.gif)
代码
利用background 属性
<div class="box"></div>
.box{
width: 100%;
min-width: 1050px;
height: 504px;
background: url("cp-client/src/assets/images/public/bg_footer.jpg") no-repeat center; //center最重要
}
网友评论