HTML / CSS div,文本居中,可阻止悬停img

时间:2014-03-30 18:53:31

标签: javascript jquery html css twitter-bootstrap

所以朋友和我正在尝试将文字悬停在图像上并将其居中。 我们正在使用bootstrap,所以我们有一个响应的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

1 个答案:

答案 0 :(得分:0)

这不是一个必需的引导程序解决方案,只是一个JavaScript解决方案。如果我们通过使用window.innerHeight和window.innerWidth来了解屏幕宽度和高度,我们可以使用window.onresize函数(){根据内部宽度和内部高度写出需要放置圆圈的位置}发布一个jsfiddle正如Rob建议的那样,我会写你需要的javascript。没有标签就很难做到。您可以使用document.getElementById和document.getElementByClassName来获取元素。并使用样式属性调整它们。祝好运!如果这有帮助,请告诉我。 -DREW