如何让图片在td 中上下居中显示

[xzwsun]

<td class="noBorder"> </td>
<td class="borderSpecial2222" style="padding:1px;height:180px;" align="center">
<logic:empty name="Form64020" property="SISETU_IMAGE_PATH">
<img id="showImgId" src="${pageContext.request.contextPath}/image/no_entry.gif" border="0" /></logic:empty>
</td>

[xzwsun]

但是 valign="middle" 不起作用。可能是 style="padding:1px 在起作用。我将style="padding:10px" 重新设置一下。图片是向下移动了。但还不是居中显示。

[bhbhxy]

vertical-align:middle

[飘零雾雨]

td{
  width:**;
  height:**;
  text-align:center;
  vertical-align:middle;
}

[yeinuse]

[Quote=引用 4 楼 xzwsun 的回复:]
但是 valign="middle" 不起作用。可能是 style="padding:1px 在起作用。我将style="padding:10px" 重新设置一下。图片是向下移动了。但还不是居中显示。
[/Quote]
padding属性不影响位置，改用如下试试：

<td class="noBorder">  </td> 
<td class="borderSpecial2222" style="padding:1px;height:180px;text-align:center;vertical-align:middle;"> 
<logic:empty name="Form64020" property="SISETU_IMAGE_PATH"> 
<img id="showImgId" src="${pageContext.request.contextPath}/image/no_entry.gif" border="0"  /> </logic:empty> 
</td>

[Cyril_Tam]

<table width="500px" height="500px" border="1">
<tr>
<td class="noBorder">  </td>
<td class="borderSpecial2222" style="padding:1px;height:500px;" align="center">
<logic:empty name="Form64020" property="SISETU_IMAGE_PATH">
<img id="showImgId" src="1.jpg" border="0" width="50px" height="50px" /> </logic:empty>
</td>
</tr></table>

这样都看到是居中了噢

[myvicy]

还需要给图片加一个属性。
<img align="absmiddle" src="">

[Cyril_Tam]

在TD的方法

<td class="noBorder">  </td>
<td class="borderSpecial2222" style="padding:1px;height:180px;" align="center" valign="middle">
<logic:empty name="Form64020" property="SISETU_IMAGE_PATH">
<img id="showImgId" src="${pageContext.request.contextPath}/image/no_entry.gif" border="0" /> </logic:empty>
</td>

[popule_daisy]

[Quote=引用 1 楼 Cyril_Tam 的回复:]
在TD的方法

<td class="noBorder">  </td>
<td class="borderSpecial2222" style="padding:1px;height:180px;"  align="center" valign="middle">
<logic:empty name="Form64020" property="SISETU_IMAGE_PATH">
<img id="showImgId" src="${pageContext.request.contextPath}/image/no_entry.gif" border="0"  /> </logic:empty>
</td>
[/Quote]
align="center" 左右居中
valign="middle" 上下居中

[bhbhxy]

valign="top" 顶部
valign="middle" 垂直居中
valign="bottom" 底部