1. 使用绝对定位
使用绝对定位可以将文本行定位到页面的中心。可以使用 `position: absolute` 属性来设置文本行的位置，然后使用 `top` 和 `bottom` 属性来控制其高度。例如，以下代码将一个包含多个文本行的文本块居中：
“`css
.text-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
在上面的代码中，`.text-container` 元素被设置为绝对定位，并将其高度设置为文本行高度的 50%。然后，`top` 和 `bottom` 属性被设置为 -50%，这样文本行就会被放置在页面的中心。最后，`transform` 属性被设置为 translate，以使文本行在页面上居中。
需要注意的是，使用绝对定位时，文本行可能会重叠。为了避免这种情况，可以使用 `margin` 属性来控制文本行之间的间距。例如，以下代码将一个包含多个文本行的文本块居中，并控制文本行之间的间距：
“`css
.text-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
.text-container > * {
margin: 0 10px;
在上面的代码中，`.text-container` 元素被设置为绝对定位，并将其高度设置为文本行高度的 50%。然后，`<span>` 元素(表示文本行中的一个元素)被设置为margin为零，以使文本行之间无间距。最后，`<span>` 元素和其周围的文本行都被设置为margin为零，以使文本行之间无间距。
2. 使用伪元素
使用伪元素可以将文本行作为一个整体居中。可以使用 `display: inline-block` 属性将文本行设置为内联块元素，然后使用 `text-align` 属性来控制其位置。例如，以下代码将一个包含多个文本行的文本块居中：
“`css
.text-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
text-align: center;
在上面的代码中，`.text-container` 元素被设置为绝对定位，并将其高度设置为文本行高度的 50%。然后，`<span>` 元素(表示文本行中的一个元素)被设置为内联块元素，并使用 `text-align` 属性来控制其位置。最后，`<span>` 元素和其周围的文本行都被设置为内联块元素，并使用 `text-align` 属性来控制其位置。
需要注意的是，使用伪元素时，文本行之间的间距可能会减小。为了解决这个问题，可以使用 `margin` 属性来控制文本行之间的间距。例如，以下代码将一个包含多个文本行的文本块居中，并控制文本行之间的间距：
“`css
.text-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
text-align: center;
margin: 10px;
在上面的代码中，`.text-container` 元素被设置为绝对定位，并将其高度设置为文本行高度的 50%。然后，`<span>` 元素(表示文本行中的一个元素)被设置为内联块元素，并使用 `margin` 属性来控制其周围文本行之间的距离。最后，`<span>` 元素和其周围的文本行都被设置为内联块元素，并使用 `margin` 属性来控制其周围文本行之间的距离。
3. 使用表格
使用表格可以将文本行分组，并将其居中。可以使用表格属性来控制表格的样式，然后使用 `text-align` 属性来控制文本行的位置。例如，以下代码将一个包含多个文本行的表格居中：
“`css
.table {
display: table;
width: 100%;
text-align: center;
.cell {
display: table-cell;
width: 100%;
text-align: center;
在上面的代码中，`.table` 元素被设置为表单，并使用 `display` 属性将其设置为 `table`。然后，`<th>` 元素(表示单元格的标题)被设置为 `display: table-cell`，以使单元格的内容居中。最后，`<td>` 元素(表示单元格的内容)被设置为 `display: table-cell`，以使单元格的内容居中。
需要注意的是，使用表格时，单元格的大小可能会受到表格行数的限制。为了避免这种情况，可以使用表格属性中的 `边框` 属性来控制单元格的边框大小。例如，以下代码将一个包含多个文本行的表格居中，并控制单元格的边框大小：
“`css
.table {
display: table;
width: 100%;
text-align: center;
border: 1px solid black;
.cell {
display: table-cell;
width: 100%;
text-align: center;
border: 1px solid black;
在上面的代码中，`.table` 元素被设置为表单，并使用 `display` 属性将其设置为 `table`。然后，`<th>` 元素(表示单元格的标题)被设置为 `display: table-cell`，以使单元格的内容居中。最后，`<td>` 元素(表示单元格的内容)被设置为 `display: table-cell`,