/*这些是专用FIREFOX写的，注意IE7也认识*/
html,body{ height:100%;}
#infoBox[id]{text-align:center; width:100%; height:100%; display:table;}
#info[id]{ display:table-cell;vertical-align:middle;} /*这里可以指个宽度试试，是可以自适应的*/
/*专为IE6写的*/
*html #infoBox{ position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}
*html #info{position:relative; top:-50%; text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/
/*这理是专用IE7写的，注意[id]要加上，不然优先JI没有最上边那段NB*/
*+html #infoBox[id]{ position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}
*+html #info[id]{position:relative; top:-50%; text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/
#tnnd{ border:1px solid red; width:500px; margin:0 auto; font-size:12px; line-height:1.8;}
</style>
</head>
<body>
<div id=”infoBox”>
<div id=”info”>
<div id=”tnnd”>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
<a href=”http://www.zishu.cn/blogview.asp?logID=818″ target=”_blank”>CSS几个居中问题的解决办法 </a>
</div>
</div>
</div>
</body>
</html>
提示：您可以先修改部分代码再运行
后边这种是最麻烦的，重点在于IE67和FIREFOX中间的差别和他们相互之间是如何的一些关系；我看过很多关于这个问题的解决方法，都不是特别的理想，希望这种方法能解决大部分的问题！
