HTML/CSS div 与文本居中和 resisable 悬停 img答案

【问题标题】：HTML/CSS div with text centered and resisable hover imgHTML/CSS div 与文本居中和 resisable 悬停 img
【发布时间】：2014-03-30 18:53:30
【问题描述】：

所以我和一个朋友正在尝试将文本悬停在图像上并将其居中。我们正在使用引导程序，所以我们有一个响应式 div 并且图像也是如此，所以如果我调整页面大小，图像会更小，但不会居中且不会调整大小

那么我们如何才能做到这一点，可调整大小并水平和垂直居中？？

http://s18.postimg.org/bw3itqktx/Captura_de_ecra_2014_03_30_a_s_19_42_22.png http://s18.postimg.org/gth3eumt1/Captura_de_ecra_2014_03_30_a_s_19_42_13.png

【问题讨论】：

你能发布一些代码或做一个jsfiddle吗？
尝试使用：img { margin: 0 auto; }
见youtube.com/watch?v=qMyfA1x-s0g&feature=youtu.be
我试图将蓝色球上的数字居中
ª不是蓝色的，而是绿色的

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

这不是必需的引导解决方案，只是一个 javascript 解决方案。如果我们通过使用 window.innerHeight 和 window.innerWidth 知道屏幕的宽度和高度，我们可以使用 window.onresize function () { 根据内部宽度和内部高度编写所需的圆形放置位置} 发布一个 jsfiddle正如 Rob 建议的那样，我会为您编写所需的 javascript。没有标签就很难做到。您可以使用 document.getElementById 和 document.getElementByClassName 来获取元素。并使用样式属性对其进行调整。祝你好运！让我知道这是否有帮助。 -画了

【讨论】：