Question

<div style="width:200px;"><img src="a.jpg" style="float:left"> 文字</div> 怎么让图片和文字垂直对齐

想要的效果差不多就是这个,但要求图片的float:left不能去掉,必须有.有没有什么好的方法解决?

Answer 1

<div style="width:200px;"><img src="a.jpg" style="float:left"> <span style="float:left">文字</span></div>

如果你图片也是 200 PX 文字就 到图片下面了
哦！！ 我错了 你发的那图我看成 百度的了。。
那不是水平对齐么 上面样式一样可以 你加个行高 line-height 值 为你的 DIV 高度
你的两个内容都浮动的了 DIV 高度撑不起来 吧 DIV 也浮动了 影响的太多

就吧文字 设置padding-left 值 为 你的 图片 宽度

<div style="width:200px;"><img src="a.jpg" style="float:left"> <span style="padding-left:值； line-height:值">文字</span></div>