我的代码正在工作
<!DOCTYPE html> <html> <body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;"> <div style="height:100%; width:100%; border:solid;"></div> </body> </html>
但是当我添加显示器时不起作用：table-cell;到div使用垂直对齐
<!DOCTYPE html> <html> <body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;"> <div style="height:100%; width:100%; border:solid; display:table-cell;vertical-align:middle;"></div> </body> </html>
我想让div覆盖整个身体的空白空间
解决方法
您的代码现在应该工作.
<html>
<body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px; margin:0px;">
<div style='display : table; width : 100%; height : 100%'>
<div style='display : table-row;'>
<div style="border:solid; display : table-cell;">
</div>
</div>
</div>
</body>
</html>
