CSS文字在div中居中是一個常見的需求，特別是在網(wǎng)頁設(shè)計中，要實現(xiàn)這一效果，可以通過多種方式，以下是幾種常用的方法：

1、使用CSS的text-align屬性：

- 將div的text-align屬性設(shè)置為center，可以將div內(nèi)的文本居中顯示。

- 示例：

```css

div {

text-align: center;

}

```

2、使用CSS的flexbox布局：

- 將div設(shè)置為display: flex，并使用justify-content: center和align-items: center可以將文本在水平和垂直方向上居中。

- 示例：

```css

div {

display: flex;

justify-content: center;

align-items: center;

}

```

3、使用CSS的grid布局：

- 將div設(shè)置為display: grid，并使用justify-content: center和align-items: center可以將文本在水平和垂直方向上居中。

- 示例：

```css

div {

display: grid;

justify-content: center;

align-items: center;

}

```

4、使用CSS的position屬性：

- 將div設(shè)置為相對定位（position: relative），然后將文本設(shè)置為***定位（position: absolute），并調(diào)整left、right、top和bottom屬性，可以將文本***居中。

- 示例：

```css

div {

position: relative;

}

div > span {

position: absolute;

left: 50%;

right: 50%;

top: 50%;

bottom: 50%;

transform: translate(-50%, -50%);

}

```