Word 文本垂直居中：三种常用方法详解

要让文本垂直居中于页面，有多种方法可以实现。以下是几个常用的方法：

使用 flexbox 布局可以轻松地让文本垂直居中于页面。首先，在页面的父元素上应用 display:flex 属性。然后，在文本所在的子元素上应用 align-items:center 属性。这将使子元素在父元素的垂直方向上居中对齐。

例如：

<body style='display:flex; align-items:center;'>
  <div>这里是文本</div>
</body>

使用 table 布局也可以实现文本的垂直居中。首先，在页面的父元素上应用 display:table 属性。然后，在文本所在的子元素上应用 display:table-cell 属性和 vertical-align:middle 属性。这将使子元素在父元素的垂直方向上居中对齐。

例如：

<body style='display:table;'>
  <div style='display:table-cell; vertical-align:middle;'>这里是文本</div>
</body>

使用绝对定位也可以实现文本的垂直居中。首先，在文本所在的子元素上应用 position:absolute 属性和 top:50% 属性。然后，在文本所在的子元素上应用 transform:translateY(-50%) 属性。这将使子元素在父元素的垂直方向上居中对齐。

例如：

<body style='position:relative;'>
  <div style='position:absolute; top:50%; transform:translateY(-50%);'>这里是文本</div>
</body>

总之，以上是几种常用的方法来实现文本的垂直居中。根据实际情况选择适合的方法即可。