css – 如何垂直对齐浮动图像旁边的文本?

前端之家收集整理的这篇文章主要介绍了css – 如何垂直对齐浮动图像旁边的文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想垂直对齐浮动图像后的跨度.
我在堆栈溢出搜索它,并找到 this post.但我的图像浮动.
<div>
    <img style="width:30px;height:30px; float:left">
    <span style="vertical-align:middle">Doesn't work.</span>
</div>

我给垂直对齐:中间到图像,没有什么改变!

谢谢

解决方法@H_502_11@
首先从中删除浮标.这样写:
<img style="width:30px;height:30px;vertical-align:middle" src="http://lorempixel.com/output/abstract-q-c-640-480-8.jpg">
    <span>Doesn't work.</span>

检查这个http://jsfiddle.net/ws3Uf/

猜你在找的CSS相关文章