CSS 对齐：Align

在CSS中，对齐通常是指元素的水平或垂直对齐。CSS提供了几种方法来对齐内容。以下是一些常用的对齐属性：

1. text-align: 用于水平对齐文本内容。
2. vertical-align: 用于垂直对齐行内元素或表格单元格内的内容。
3. margin: 可以用来创建元素周围的空间，从而影响对齐。
4. position 和 transform: 结合使用这些属性可以实现更复杂的对齐效果。

以下是一些示例代码：

水平对齐文本：

.text-left {
  text-align: left;
}
 
.text-center {
  text-align: center;
}
 
.text-right {
  text-align: right;
}

垂直对齐行内元素或表格单元格内的内容：

.vertical-top {
  vertical-align: top;
}
 
.vertical-middle {
  vertical-align: middle;
}
 
.vertical-bottom {
  vertical-align: bottom;
}

使用margin自动居中一个元素：

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

使用定位对齐元素：

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

这些方法可以根据具体需求组合使用，以实现不同的对齐效果。