CSS - 使页面居中 - 然后使页面高度为100%

您好！您的问题是关于如何使用CSS将页面居中，并将页面高度设置为100%。以下是一些建议和代码示例，以帮助您实现这个目标。

首先，要将页面内容居中，您可以使用以下CSS代码：

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
}

这段代码将页面内容放置在一个flex容器中，并使用justify-content和align-items属性将其居中。min-height: 100vh将页面高度设置为100%。

接下来，要使页面高度为100%，您可以使用以下CSS代码：

html, body {
  height: 100%;
}

这段代码将HTML和body元素的高度设置为100%，从而使页面高度为100%。

您可以将这两段代码结合起来，以实现将页面内容居中并将页面高度设置为100%的目标。

html, body {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
}

希望这些信息对您有所帮助！如果您有其他问题，请随时提问。