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

发布时间：2020-12-14 21:28:11 所属栏目：资源来源：网络整理

导读：tdimg 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!