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

问题描述

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

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

推荐答案

简而言之，让你的身体成为一个表格，因为 vertical-align 对表格单元格有效:

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%;
}

这将使您的 pagewrapper 垂直对齐到中间并使其流畅 80%

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

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