html - 悬停时 DIV 内的图像真正居中对齐

标签 html css

我有一个 DIV,我在其中放置了悬停时显示的图像。这没问题,但让它们垂直和水平对齐才是真正的问题。我已经把它弄乱了几个小时,它就是不配合我。我尝试了各种 CSS 但无济于事。有人可以帮帮我吗?

这里是当前元素:JS Fiddle

我尝试了 padding:autovertical-align:middle 但都没有用。

我试图让出现在上方的图像与内部 DIV 垂直和水平对齐。欢迎提出任何建议。

最佳答案

这是新更新的 jsfiddle 看这个。我改变了你的CSS

http://jsfiddle.net/jkkheni/Zf5am/1091/

关于html - 悬停时 DIV 内的图像真正居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20366852/

相关文章:

javascript - hide() jquery 不起作用

css - 仅适用于 IE 的特定 css 设置

javascript - 使用 Selenium 在 IE10 中移动到元素

JavaScript 和 HTML 表单验证

html - 如何只定位td右上角的部分内容?

html - 防止标题 (h1, h2...) 在换行符时全宽

javascript - javascript根据窗口大小扩展div和bg图像

javascript - Chart.js 条形图改变标签位置X轴

html - 表格中的表格未正确显示(奇怪的间距)

css - div 未正确对齐