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>

私はこの質問にぶつかりました:jQueryを使用してDIVを画面の中央に配置します

しかし、これをHTMLコードに実装する方法がわかりません。誰かがcss/jqueryを使ってそれを機能させるのを手伝ってくれますか?よろしく、

Matthijs

4

2 に答える 2

2

これはまさにあなたが探しているものかもしれません:

これらは、画面の中央に div を正確に配置しているわけではありませんが、見た目も良いです ;)

于 2012-06-13T08:54:42.297 に答える
0

コードがなければ、万能な答えを出すのは難しいですが、css の用語では、divwidthheight属性をいくつかの具体的な値 (ではないauto) に定義してから do を実行するposition:relative; margin: auto;と、div はその親の中心に配置する必要があります。より広範な回答が必要な場合は、既に持っているものをいじってください。

于 2012-06-13T08:49:10.367 に答える