如何在CSS中垂直对齐表 | 如何在CSS中垂直对齐表

本文介绍了如何在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中垂直对齐表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！