HTML 设置元素居中显示

在网页设计和开发中，经常需要将元素居中显示，无论是文本、图像还是其他的 HTML 元素。本文将介绍几种常见的方法，以及相应的源代码示例，来实现在 HTML 中将元素居中显示的效果。

1. 水平居中显示

1.1 使用 text-align 属性

要将元素水平居中显示，可以使用 CSS 的 text-align 属性。将元素所在的容器设置为 text-align: center，元素就会在容器中水平居中显示。

<style>
  .container {
     
     
    text-align: center;
  }
<