如果是用table写的表格，那么用vertical-align:middle就可以实现垂直居中
如果是用div写的表格，那么需要这样写：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{padding:0;margin:0;}
#container { width: 500px; height: 600px; display: table; border:1px solid;}
#position { display: table-cell; vertical-align: middle; text-align: center; }
#container { *position: relative; }
#position { *position: absolute; *top: 50%; }
#content { *position: relative; *top: -50%; }
</style>
</head>
<div id="container">
<div id="position">
<div id="content">这里是要垂直居中的内容</div>
</div>
</div>
</html>
hack写法：在属性前加“*”或者“#”的声明可以仅让IE7及以下版本理解，而其它任何浏览器都无法理解这个”*”和“#”。
分享到：
相关推荐
CSS实现垂直居中的5种方法
css实现垂直居中的5种方法，慢慢总结的哦
DIV+CSS 图片垂直居中效果
CSS实现完美垂直居中 - 蓝色理想
css图片垂直居中方法
最近上网上找了些关于CSS实现垂直居中的方法，方法挺多，下面就我看到的几种好方法在这里说明一下，使用 CSS 实现垂直居中并不容易。
...
...
为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： XML/HTML Code复制内容到剪贴板 box1>...
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个讨人厌的设定，以下将介绍七种单纯利用CSS垂直居中的方式。 七种垂直居中的方法 设定行高（line-height） 添加伪元素 calc...
CSS 实现盒子水平居中、垂直居中和水平垂直居中….docx
给大家整理四种css实现垂直居中效果，思路明了非常不错，具有参考借鉴价值，需要的朋友参考下吧
NULL 博文链接：https://gucaihe.iteye.com/blog/1465144
最近在学关系型数据库相关，MySQL 和 Postgre,捎带着学了 PHP，为了练手这几天就忙着自己搭博客，项目...但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。神马？你敢说不萌？ •方式一 ：table 布局方法
主要介绍了使用css实现div垂直居中的示例,需要的朋友可以参考下