picture.style.marginTop=-(picture.clientHeight/2)+'px';
注意要先设置图片的top为50%。
我们可以这么理解,先把图片的中轴线提高到盒子顶部(js作用),然后让中轴线到达盒子中部(这里就是top:50%的作用),这就实现了图片的垂直居中。
picture.style.marginTop=-(picture.clientHeight/2)+'px';
注意要先设置图片的top为50%。
我们可以这么理解,先把图片的中轴线提高到盒子顶部(js作用),然后让中轴线到达盒子中部(这里就是top:50%的作用),这就实现了图片的垂直居中。