如何在CSS中垂直对齐表 [英] How to Vertically Align a Table in CSS

问题描述

如何使用css垂直对齐屏幕中间的表格？

解决方案

body a table，因为vertical-align对表格单元格起作用：

 body，html { 
 height：100％; 
} 
 
 body {
 display：table; 
} 
 
 #wrapper {
 display：table-cell; 
 vertical-align：middle; 
 height：80％; 
} 
  

这将垂直对齐您的pagewrapper到中间，让它是流体80％ / p>

How can I vertically align a table in the middle of the screen with css?

解决方案

Shortly said, just make your body a table, because vertical-align does work on table-cells:

body, html { 
  height: 100%; 
}

body { 
  display: table; 
}

#wrapper { 
  display: table-cell; 
  vertical-align: middle;
  height: 80%;
}

This will vertical align your pagewrapper to middle and let it be fluid 80%

这篇关于如何在CSS中垂直对齐表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！