对于CSS 2浏览器，可以使用
display:table/
display:table-cell来使内容居中。
jSFiddle提供了一个示例：
div { border:1px solid green;}<div > <div > <div> everything is vertically centered in modern IE8+ and others. </div> </div></div>可以将旧浏览器（Internet Explorer 6/7）的hack合并为样式，并
#用于从较新的浏览器中隐藏样式：
div { border:1px solid green;}<div > <div style= "#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"> <div > everything is vertically centered </div> </div></div>
