1、用css控制
外面用div包裹起来,然后用css 对这个div下面的图片进行修改
<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>
2、用js控制
和上面一样,先用div包裹起来
$('.img_div img').css({略})
首先创建一个div,以及对有图片的div设置样式,给img的父级添加一个diaplay,并且属性为table,并且把包含图片的div中的display属性设置成table-cell,最后给有图片的div设置成vertical-align:
middle属性,代码如下:
.tablebox{
width: 300px
height: 250px
background: #fff
display: table
}
#xxx{
display: table-cell
vertical-align: middle
}
#xxx img{
width: 100px
}
可以多看看黑马程序员的课程,多学学这些基础知识。