HTML 居中操作指南：文本、块元素和 Flexbox

在 HTML 中，可以通过以下方式实现居中操作：

1. 使用 CSS 的 'text-align' 属性来水平居中文本或块级元素。例如，将一个 'div' 元素水平居中可以使用以下代码：

<div style='text-align: center;'>
  <!-- 在这里放置内容 -->
</div>

2. 使用 CSS 的 'margin' 属性来水平居中块级元素。设置左右边距为 'auto'，可以使元素在其容器中水平居中。例如：

<div style='margin-left: auto; margin-right: auto;'>
  <!-- 在这里放置内容 -->
</div>

3. 使用 CSS 的 'vertical-align' 属性来垂直居中内联元素。将元素的 'display' 属性设置为 'inline-block'，然后使用 'vertical-align: middle;' 来垂直居中。例如：

<span style='display: inline-block; vertical-align: middle;'>
  <!-- 在这里放置内容 -->
</span>

4. 使用 CSS 的 'flexbox' 布局来实现居中。将容器元素的 'display' 属性设置为 'flex'，然后使用 'justify-content: center;' 和 'align-items: center;' 来水平和垂直居中其中的子元素。例如：

<div style='display: flex; justify-content: center; align-items: center;'>
  <!-- 在这里放置内容 -->
</div>

这些是一些常用的方法，可以根据具体的需求选择适合的方法来实现居中操作。