css实现文本上下左右剧中

在CSS中，文本的上下左右对齐可以通过`text-align`属性来控制。这是一个非常基础的排版样式，以下是针对各个方向的具体设置方法：

1. **水平对齐**：
- `text-align: left;`: 左对齐，默认值。
- `text-align: center;`: 居中对齐。
- `text-align: right;`: 右对齐。
- `text-align: justify;`: 非标准的对齐方式，文本均匀分布在行内，单词之间会有间距。

2. **垂直对齐**：
- `vertical-align: top;`: 上对齐，适用于块级元素内部的内容。
- `vertical-align: middle;`: 中对齐。
- `vertical-align: bottom;`: 下对齐。
- 对于行内元素（如`line-height`影响），默认的`vertical-align`是`baseline`。

例如，如果你想要段落文本居中对齐，可以在容器上添加以下样式：

.container {
  text-align: center;
}

如果想让某个 `<span>` 元素顶部对齐，则用到行内元素：

.special-text {
  vertical-align: top;
}