<分区>
我有一个很简单的问题，但我似乎无法解决它。我在 div 中有一个表，它是主要元素。现在我在表格内有一个 td 标签，其宽度和高度设置为 iphone 屏幕尺寸。现在我基本上想将该表及其 div 标记内的 td 单元格居中，以便“屏幕”将在任何浏览器窗口中居中。我该怎么做？
用表格替换那个 div 解决了我的问题，但我想改用 div。
谢谢
<分区>
我有一个很简单的问题，但我似乎无法解决它。我在 div 中有一个表，它是主要元素。现在我在表格内有一个 td 标签，其宽度和高度设置为 iphone 屏幕尺寸。现在我基本上想将该表及其 div 标记内的 td 单元格居中，以便“屏幕”将在任何浏览器窗口中居中。我该怎么做？
用表格替换那个 div 解决了我的问题，但我想改用 div。
谢谢
最佳答案
试试这个，我做这个代码 - Demo here ，非常简单的代码(我只为 IE 旧版本使用了破解代码和额外的 span 标签) http://jsfiddle.net/ERuX4/1/
<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;}
关于html - 如何使div的内容居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10009514/