css里图片和文字如何等高?

css里图片和文字如何等高?下面本篇文章给大家介绍一下同行同高度显示图片和文字。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

同行同高度显示图片和文字

我自己编写网站的时候,经常碰到一些小图片和一行文字在同一行显示,不经过什么css设置的时候,图片经常比所在行的文字要高出一点点,这样的显示效果需要完善下,把文字合图片弄成同一行同以高度,

在网上搜索了,基本上要如此设计

...

<td style="text-align:left;width:88px;height:18px; line-height:18px; vertical-align:middle;"><img src="images/username1.gif" alt="企业商友" style="height:18px;width:20px;" /><a href="#">商友001</a></td>

其中height:18px; line-height:18px; vertical-align:middle;为关键设置

但是还是没实现同高度,最后在img标签里面添加css样式float:left才实现效果.......

更多web前端知识,请查阅 HTML中文网 !!

以上就是css里图片和文字如何等高?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏