有人能告诉我为什么盒子 div 不能垂直对齐吗?我也尝试过使用表格,但它也不会对齐。谢谢!
<html>
<head>
<style>
#box{
width:400px;
height:400px;
background-color:black;
}
#tb{
display:table;
width:100%;
}
#td{
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
</head>
<body>
<div id="tb">
<div id="td">
<div id="box"></div>
</div>
</div>
</body>
</html>
最佳答案
CSS:
#box {
width:400px;
height:400px;
background-color:black;
display: table-cell;
vertical-align: middle;
text-align: center;
}
fiddle :http://jsfiddle.net/9uGAU/
关于css - Div 不会使用 CSS 显示 : table; 垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18416703/