您的位置:首页 > 其它

如何使td内的图片和文字垂直居中?

2012-12-07 14:58 344 查看
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>

此文转载自: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,谢谢!

更多热门文章:

1.解决图片覆盖文字的问题

2.JQuery animate做滚动图片的流畅度不够?

3.onmouseout与onmouseover的实例应用

4.实现广告漂浮

5.数字数组-sort()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  middlevertical-align