Question

CSS问题，图片和文字在一行，怎么让图片垂直居中？

如上图，这个蘑菇表情本来是和文字底部对齐的，我现在想实现目标图的效果，就是文字和表情都是垂直居中的，CSS怎么修改？能不能只定义这个表情就实现？
============原始代码如下========================
<div class="editor_content" style="min-height: auto">
没想到你还会做菜，真是家庭好主妇啊！<img src="/res/images/emotion/mogu/31.gif">没想到你还会做菜，真是家庭好主妇啊！ 没想到你还会做菜，真是家庭好主妇啊！ </div>

=================================
能否只给IMG表情加个CSS定义，就实现此效果，如果不能，其他什么方法可以实现此效果？
请给出详细代码！非常感谢！！！

Answer 1

给图片价格class或idcss用margin-bottom:0px; 太高变负数。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

拓展：

1、1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

2、随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。1994年哈坤·利提出了CSS的最初建议。而当时伯特·波斯(Bert Bos)正在设计一个名为Argo的浏览器，于是他们决定一起设计CSS。

Answer 2

给图片加上 

style="vertical-align:middle"

试试。。。

万恶的知道，，，吞我楼，害得我现在，涉及一点代码，网址都要用插入代码

Answer 3

<div class="editor_content" style="line-height:30px;">
没想到你还会做菜，真是家庭好主妇啊！<img src="/res/images/emotion/mogu/31.gif" style="height:30px;">没想到你还会做菜，真是家庭好主妇啊！ 没想到你还会做菜，真是家庭好主妇啊！
</div>

确保图片的height和div的line-height相等就可以了

Answer 4

可以的，你给这个图片价格class或id，css用margin-bottom:0px; 还是太高你也可以把这个变成负数的。

Answer 5

你自己图片没裁好吧！还有可以给图片两边文字单独定义标签写css，把两边文字标签好设置和图片高一样，行高就等于高，这样就好啦