如何使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()
<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()
相关文章推荐
- td内有图片和文字,如何都垂直居中
- 摘抄:CSS如何实现单行图片与文字垂直居中
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- 用CSS如何实现单行图片与文字垂直居中
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- 如何让图片或文字垂直居中于div层
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- ios 开发中,如何设置 uitabbar 里面 tabbaritem 不显示文字,只显示图片,图片垂直居中?
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- DIV+CSS如何让文字垂直居中
- 水平垂直居中图片及文字(兼容IE6+)
- 如何让span中的文字垂直居中
- 换行文字、未知宽高图片垂直居中完美解决方案
- 大小不固定的图片和多行文字的垂直水平居中
- DIV 多行文字或图片垂直居中 FF/ IE 6,7,8
- 文字与图片在同一行垂直居中问题
- CSS如何让同一行的图片和文字垂直居中对齐(FF,Safari,IE都通过)