html 实现水平垂直居中

以下是两种HTML实现水平垂直居中的方法：

1.使用flex布局

<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
  <p>这是要居中的内容</p>
</div>

2.使用绝对定位和transform属性

<div style="position: relative; height: 100vh;">
  <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">这是要居中的内容</p>
</div>