81,122
社区成员
发帖
与我相关
我的任务
分享如何控制图片在div中的位置?
让图片居中垂直显示
<table width="1004" height="612" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td align="center">
<div id="divid">
<div id="divid1"><img src="img/aa.jpg" id="img" /></div>
<div class="div_fanye" id="divid2"></div>
</div>
</td>
</tr>
谁能帮我用js写一下?谢谢 ！！！立马给分！
...全文
请发表友善的回复…
发表回复
luoxinabc12345 2008-05-04
- 打赏
- 举报
8楼的方法不行呀
给不了你分的
呵呵！
不过也要谢谢你的好意
给不了你分的
呵呵！
不过也要谢谢你的好意
kokobox 2008-05-04
- 打赏
- 举报
还有一种效果：
<table width="1004" height="612" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td align="center" valign="top">
<div id="divid">
<div id="divid1" > <img src="img/aa.jpg" id="img" /> </div>
<div class="div_fanye" id="divid2"> </div>
</div>
</td>
</tr>
kokobox 2008-05-04
- 打赏
- 举报
真的马上给分？？？
<table width="1004" height="612" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td align="center" valign="middle">
<div id="divid">
<div id="divid1" > <img src="img/aa.jpg" id="img" /> </div>
<div class="div_fanye" id="divid2"> </div>
</div>
</td>
</tr>
nanjg 2008-05-04
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
<!--
* {margin:0;padding:0}
div {
width:500px;
height:500px;
border:1px solid #ccc;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle
}
div p {
position:static;
+position:absolute;
top:50%
}
img {
position:static;
+position:relative;
top:-50%;left:-50%;
width:276px;
height:110px
}
-->
</style>
<div><p><img src="http://www.google.com/intl/en/images/logo.gif" /></p></div>
lwxaty 2008-05-04
- 打赏
- 举报
<div id="divid1" vertical-align:middle>
<img style="vertical-align:middle" src="img/aa.jpg" id="img" /> </div>
<img style="vertical-align:middle" src="img/aa.jpg" id="img" /> </div>
luoxinabc12345 2008-05-04
- 打赏
- 举报
声明
谢谢大家
我是想让图片 垂直方向居中显示！！
有合适的答案我立马给分
还可以再加分！
hoszone 2008-05-04
- 打赏
- 举报
<div id="divid1" vertical-align:middle> <img src="img/aa.jpg" id="img" /> </div>
lwxaty 2008-05-04
- 打赏
- 举报
function myAlign(i)
{
var obj=document.getElementById("divid1");
if(i=='1')
obj.align="left";//左
if(i==2)
obj.align="middle";//中
if(i==3)
obj.align="right";//右
}
nanjg 2008-05-04
- 打赏
- 举报
div{
height:100px;
line-height:100px;
}
div img{
vertical-align:middle; /*optional*/
}