html – 在TD元素内垂直对齐图像和文字

概述<td><img src="http://blog.garethjmsaunders.co.uk/wp-content/feed-icon-16x16.gif"/> My feed </td> 这是它的样子： http://blog.garethjmsaunders.co.uk/wp-content/feed-icon-16×16.gif  我的饲料 图标和文字垂直错位。该图标位于表单元格的

<td><img src="http://blog.garethjmsaunders.co.uk/wp-content/Feed-icon-16x16.gif"/> My Feed </td>

这是它的样子：

http://blog.garethjmsaunders.co.uk/wp-content/feed-icon-16×16.gif
我的饲料

图标和文字垂直错位。该图标位于表单元格的顶部，文本在底部。文本和图标都占用16像素，但是单元格仍然会增加19.如何对齐它们以保存这3个像素？

解决方法 那么，如果你选择了背景图像的方法，那就很简单了：

background: url(Feed.png) left center no-repeat

总结

以上是内存溢出为你收集整理的html – 在TD元素内垂直对齐图像和文字全部内容，希望文章能够帮你解决html – 在TD元素内垂直对齐图像和文字所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。