单行实现垂直居中：
直接让height和line-height相等
div{
height:50px;
line-height:50px;
overflow:hidden;(防止超出div宽度，内容换行，就不能有效果了)
}
多行文字，div固定高度实现垂直居中：
<style type="text/css">
body { font-size:12px;font-family:tahoma;}
div#wrap {
height:400px;
display:table;
}
div#content {
vertical-align:middle;
display:table-cell;
border:1px solid #FF0099;
760px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="content"><pre>现在我们要使这段文字垂直居中显示！ Webjx.Com
div#wrap {
height:400px;
display:table;
}
div#content {
vertical-align:middle;
display:table-cell;
border:1px solid #FF0099;
760px;
}
</pre></div>
</div>
多行文字，div都不固定的情况：
div{
padding：10px;
}
直接给div加个边距，不加宽度，让div自适应