CSS妙用垂直居中对齐一行中多个元素

不管是水平居中对齐，还是垂直居中对齐，一直是个老生常谈的问题，之前也收集了很多解决方法，比如水平居中对齐常用

			div{  
				margin:0px auto;
				}
	的方式解决；垂直对齐则使用
			div{
				height：20px;
				line-height:20px;
			}
	这两种方式确实帮忙解决了大部分居中对齐的问题，但是在最近一个项目中，一个简单的页面，垂直居中对齐上述方法却不太好用。
	页面如下：