div内字体垂直水平居中

在HTML中，要在`<div>`元素内的文本内容垂直和水平居中，可以采用以下几种方法：

1. **Flexbox布局**:
如果你的项目支持现代浏览器，可以利用CSS的Flexbox属性。将`div`设置为`display: flex; justify-content: center; align-items: center;`，就可以让内部内容居中对齐了。

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: /* 给定一个高度 */;
}

在这里，`.parent`是你包含内容的`div`的类名。

2. **Grid布局**:
同样地，如果使用CSS Grid，也可以达到同样的效果：

.parent {
  display: grid;
  place-items: center;
  height: /* 给定一个高度 */;
}

`place-items: center;`会同时居中行和列的内容。

3. **绝对定位** (兼容IE9+):
对于不支持Flexbox和Grid的老版本浏览器，可以借助绝对定位和`line-height`或`padding-bottom`技巧：

.parent {
  position: relative;
  height: /* 给定一个高度 */;
  line-height: /* 相当于容器高度 */;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这里的`.child`代表你的文本内容。

4. **CSS表格模式** (`display: table-cell`) 适用于简单情况，但需要固定宽度：

.parent {
  display: table;
  width: /* 给定一个宽度 */;
  height: /* 给定一个高度 */;
}

.child {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}