0

当我将鼠标悬停在拇指上时，我想让图像在屏幕中央弹出。我有多个拇指，我都希望它们在屏幕中央显示一个 div（包括文本和图像），独立于屏幕分辨率等。

<a href="#thumb"><img src="img/thump_5.png" width="150px" border="0" /><span><b>some info and image 1</b><br><img src="img/5.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_2.png" width="150px" border="0" /><span><b>some info and image 2</b><br><img src="img/2.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_3.png" width="150px" border="0" /><span><b>some info and image 3</b><br><img src="img/3.png" width="510" height="335" /></span></a> 
<br>
<a href="#thumb"><img src="img/thump_4.png" width="150px" border="0" /><span><b>some info and image 4</b><br><img src="img/4.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_1.png" width="150px" border="0" /><span><b>some info and image 5</b><br><img src="img/1.png" width="510" height="335" /></span></a>

我碰到了这个问题：Using jQuery to center a DIV on the screen

但我不知道如何在我的 html 代码中实现这一点。任何人都可以帮助我使用 css / jquery 让它工作。问候，

马蒂斯

4

2 回答 2

2

这可能正是您正在寻找的：

这些并不完全将 div 置于屏幕中间，但它们看起来也不错；）

于 2012-06-13T08:54:42.297 回答
0

没有任何代码很难给你一个全面的答案，但在 css 术语中，当你定义了一个 divwidth和height一些具体值的属性（not auto）然后 do position:relative; margin: auto;，那么 div 应该在它的父级中居中。如果您想要更广泛的答案，请尝试一下您已有的内容。

于 2012-06-13T08:49:10.367 回答