例子：
注意：
#test *{vertical-align:middle;}s
#test *表示了div里面所有元素,当然包含了span,input,img这些内联元素了。
vertical-align
初始值： baseline（缺省值）
可否继承：否
适用于： 内联元素
说明：vertical-align:baseline使元素的基线同父元素的基线对齐．
警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样．
请注意,vertical-align只影响内联元素,比如span,img,em,input,a等这些元素,而对div,h3,p等这些块元素是无效的.
二、div与span垂直居中对齐
代码：
三、css居中问题：水平居中,垂直居中
水平居中大致可以分为文本居中，图片居中，还有标签居中比例<div></div>
垂直居中主要是文本的行高，table表格的文本垂直居中最常见。
text-align:center;样式：
text-align:center;适用于块元素将其文本水平居中，如果是给span设置了个text-align:center;不好意思，那百分百是没有效果的,因为span是行元素的啦，那如果你就想这样给span设置了text-align:center;使其居中，能不能呢，当然也是可以的，就是现将其转换为块元素：display:block;text-align:center;这样就ok啦
例如：
margin:0 auto--->块元素居中
margin:0 auto;这个通常用来将一个块设置水平居中
比如div居中，当然要给div宽度。
还有图片居中，有着不同的居中方法；有的给img外层加div，然后给div样式text-align:center;这种跟文本居中是一个性质，当然这种方式，div中的img可以是多个，也可以是多个；
那么当div中有一个img，且使其居中的时候，你会选择用什么的方法呢？
当然除了给div样式text-align:center;这个方法呢，还有就是不给div设置样式，而是给img样式： display:block; margin:0px auto;也可以搞定；
会觉的一个div中有一张img为什么要用两个标签嵌套来实现呢，我觉的很麻烦，我会选择去掉div这个标签，只用img这个标签来解决，方法就是是给img样式： display:block; margin:0px auto;
vertical-align:middle：
表格文字垂直居中的解决方法：vertical-align:middle;
例如：