CSS中的div元素居中顯示有多種方法，但通常使用margin屬性來實現(xiàn)，以下是一個簡單的示例：

1、使用margin屬性：

將div元素的左右margin設置為auto，可以使元素在水平方向上居中。

```css

div {

margin-left: auto;

margin-right: auto;

width: 50%; /* 可以根據(jù)需要調(diào)整寬度 */

}

```

2、使用text-align屬性：

如果div元素中包含文本，可以使用text-align屬性將文本居中。

```css

div {

text-align: center;

}

```

3、使用Flexbox：

Flexbox是一個強大的布局工具，可以輕松實現(xiàn)元素的居中顯示。

```css

div {

display: flex;

justify-content: center; /* 在水平方向上居中 */

align-items: center; /* 在垂直方向上居中 */

}

```

4、使用Grid布局：

Grid布局是另一個強大的布局工具，適用于創(chuàng)建復雜的網(wǎng)頁布局。

```css

div {

display: grid;

justify-content: center; /* 在水平方向上居中 */

align-content: center; /* 在垂直方向上居中 */

}

```

這些方法可能需要根據(jù)具體的頁面布局和需求進行調(diào)整，為了確保兼容性，建議在使用這些CSS特性時考慮不同瀏覽器的支持情況。