中心 CSS

中心 CSS 是一种常见的网页排版布局方式，它通过使用 CSS 属性和技巧来实现将网页中的元素在水平和垂直方向上居中。

水平居中

文本居中

在 CSS 中，默认情况下，文本和其他行内元素都是左对齐显示的。要将文本水平居中，可以通过设置父元素的 text-align 属性为 center 来实现。代码示例：

.container {
  text-align: center;
}

元素居中

要将一个块级元素水平居中，可以使用 margin 属性，将左右 margin 设为 auto。代码示例：

.box {
  width: 200px;
  margin: 0 auto;
}

垂直居中

单行文本居中

要将单行文本垂直居中，可以通过 line-height 属性来实现，将其值设置为和父元素高度相等即可。代码示例：

.container {
  height: 200px;
  line-height: 200px;
}

元素居中

要将一个元素垂直居中，可以使用 flex 布局的 align-items 属性，将其值设置为 center，同时设置父元素的 display 为 flex。代码示例：

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box {
  width: 200px;
  height: 200px;
}

以上是常见的中心 CSS 技巧，可以根据实际情况进行灵活使用。