在HTML中实现`div`文字居中，可通过以下方法实现，具体选择取决于布局需求和浏览器兼容性：

一、水平居中方法

外边距（Margin）法

适用于块级元素（如`div`），通过设置`margin: 0 auto`实现水平居中。此方法简单且兼容性好。

```css

.center-div {

width: 200px;

margin: 0 auto;

}

```

文本对齐（Text-align）法

适用于行内元素（如`span`或`img`），通过设置父元素`text-align: center`实现居中。

二、垂直居中方法

行高（Line-height）法

适用于单行文本，通过设置`line-height`等于`div`高度实现垂直居中。

```css

.center-div {

height: 100px;

line-height: 100px;

text-align: center;

}

```

Flexbox布局

通过`display: flex`结合`justify-content: center`和`align-items: center`实现水平和垂直居中，适用于复杂布局。

```css

.flex-container {

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

}

```

Grid布局

通过`display: grid`结合`justify-content: center`和`align-items: center`实现水平和垂直居中，适用于响应式设计。

三、综合示例

以下是一个结合水平与垂直居中的完整示例：

```html

居中内容