如何居中div的内容居中[重复]

Question

我有一个非常简单的问题，但似乎无法解决。我在div中有一个表格，这是主要元素。现在，我在表内有一个td标签，其宽度和高度设置为iphone屏幕尺寸。现在，我基本上要将该表及其td单元格放在div标签的中心，以便“屏幕”将在任何浏览器窗口中居中。我怎么做？

用表替换该div解决了我的问题，但我想改用div。

谢谢

Answer 1

试试这个，我做这个代码-演示在这里，非常简单的代码（我仅对IE旧版本使用了hack代码和额外的span标签）

<div class="demo wraptocenter">
   <span></span>
   <img src="http://www.spitzer.caltech.edu/images/twitter.png?1295473781" alt="" />
</div>

CSS

.wraptocenter * {
    vertical-align: middle;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*End wraptocenter - image Vcenter  patch styles*/    
.demo  {
         width:100px;
         height:100px;
         border:1px solid red;
         position:absolute;
         top:50%;
         left:50%;
         margin-top:-100px;
         margin-left:-100px;}