在 JavaScript 或 CSS 中是否有调整图像大小的选项,以便图像向外扩展?鼠标悬停时图像的中心位置是否相同?
最佳答案
您需要能够使图像水平和垂直居中。这可以通过在图像上使用包装器 div 来完成,其中包含 display: table-cell
、text-align: center
和 vertical-align: middle
,然后在 :hover
上对图像应用一些额外的样式。
有关示例,请参阅此 fiddle :http://jsfiddle.net/jblasco/6qVnB/
可选地,而不是使用 display: table-cell
,您可以手动找出一些边距或 position: relative
和 top
的组合> 在悬停时重新定位图像。
使用此解决方案的示例:http://jsfiddle.net/jblasco/fvqzR/2/
关于javascript - 如何在鼠标悬停时将图像调整到每个站点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8542193/