HTML code:
<tr>
<td>常住家庭地址:</td>
<td>广州路11号201 <a href="#">修改该地址</a>
<a href="#">删除该地址</a> <a href="#">
<img src="add_add.jpg" width="112" height="28" border="0" /></a>
</td>
</tr>
问题:如何使上面代码中的单元格内的图片和文字都垂直居中?
正解:直接在img里加个style=” vertical-align:middle就可以了,完整代码如下:
<tr>
<td>常住家庭地址:</td>
<td>广州路11号201 <a href="#">修改该地址</a>
<a href="#">删除该地址</a> <a href="#">
<img src="add_add.jpg" width="112" height="28" border="0" style=" vertical-align:middle;/> </a>
</td>
<tr>
<td>常住家庭地址:</td>
<td>广州路11号201 <a href="#">修改该地址</a>
<a href="#">删除该地址</a> <a href="#">
<img src="add_add.jpg" width="112" height="28" border="0" /></a>
</td>
</tr>
问题:如何使上面代码中的单元格内的图片和文字都垂直居中?
正解:直接在img里加个style=” vertical-align:middle就可以了,完整代码如下:
<tr>
<td>常住家庭地址:</td>
<td>广州路11号201 <a href="#">修改该地址</a>
<a href="#">删除该地址</a> <a href="#">
<img src="add_add.jpg" width="112" height="28" border="0" style=" vertical-align:middle;/> </a>
</td>
</tr>
此文转载自:Web开发之答疑解惑源www.znjcx.com,若需转载,请注明原文(如何使td内的图片和文字垂直居中?)出处:http://www.znjcx.com/html/y2012/975_how-to-make-pictures-and-text-is-centered-vertically-within-the-td.html,谢谢!
更多热门文章:
4.实现广告漂浮