怎么让中的文字和图片垂直居中？

[wzwen]

如图,现在的这个样子就不居然,有点难看啊...

[wdmcsoft]

这个需要用到CSS,你可以看一下我的站,

http://www.rc0359.com

你规定一下你的行高就可以了!!

[balibell]

结贴率 100% 的好人啊


第一种方法：给图片设置 vertical-align:middle 这样文字会相对图片垂直居中。并同时给外层 padding-top 和 padding-bottom 看起来会好一点。

简单举个例子，

<div class="outer" style="padding:2px 0 4px 4px;background:black;color:#fff" >
	<img src="http://avatar.profile.csdn.net/4/F/6/2_wzwen.jpg" width="20" height="24" style="vertical-align:middle" /> 文字 <img src="http://avatar.profile.csdn.net/4/F/6/2_wzwen.jpg" width="20" height="24" style="vertical-align:middle"/> 文字 
</div>

第二种方法：图片、文字都设置 float:left 然后分别给图片、文字设置 margin，这样可以随意控制，直到你满意为止。

<div class="bb" style="width:100%;overflow:hidden;background:#000;padding-bottom:4px;color:#fff" >
	<img src="http://avatar.profile.csdn.net/4/F/6/2_wzwen.jpg" width="20" height="24" style="float:left;margin:4px 0 0 4px" /> <span style="float:left;margin:10px 0 0 8px">文字</span>
</div>

这种方案，唯一的麻烦是清除浮动，如果你熟练掌握浮动清除的方法，可以多用这样的方案。

本例中清除浮动使用的方法是在外层 设置 width 同时 overflow:hidden

[balibell]

怎么表达喜悦的心情~~ 最高效的回复结贴案例~ 楼主崇拜你！

[whxwchg]

我想看看2楼