在CSS中，您可以使用text-align屬性來使文本居中，以下是具體的操作方法：

1、水平居中：

- 對(duì)于塊級(jí)元素（如<div>），您可以使用margin: auto來水平居中。

```css

div {

width: 50%;

margin: auto;

}

```

- 對(duì)于行內(nèi)元素（如<span>），您可以直接使用text-align: center來水平居中。

```css

span {

text-align: center;

}

```

2、垂直居中：

- 垂直居中通常比水平居中復(fù)雜一些，一種常見的方法是使用flexbox布局。

```css

div {

display: flex;

align-items: center; /* 垂直居中 */

justify-content: center; /* 水平居中 */

}

```

- 另一種方法是使用CSS Grid布局，它提供了更靈活的布局選項(xiàng)。

```css

div {

display: grid;

align-content: center; /* 垂直居中 */

justify-content: center; /* 水平居中 */

}

```

3、同時(shí)水平和垂直居中：

- 如果您需要同時(shí)水平和垂直居中，可以結(jié)合使用上述兩種方法，對(duì)于塊級(jí)元素，您可以：

```css

div {

width: 50%;

margin: auto; /* 水平居中 */

display: flex;

align-items: center; /* 垂直居中 */

justify-content: center; /* 水平居中（再次應(yīng)用） */

}

```

- 對(duì)于行內(nèi)元素，您可以：

```css

span {

text-align: center; /* 水平居中 */

display: flex;

align-items: center; /* 垂直居中 */

}

```