html div中文字居中显示

在HTML中，如果你想让`<div>`标签内的文本水平垂直居中显示，可以采用几种常见的方法：

1. **内联样式**:
使用CSS `text-align`属性设置水平居中，`vertical-align`属性设置垂直居中。例如：

   <div style="text-align:center; vertical-align:middle;">这是一段居中的文字</div>

2. **外部CSS**:
将样式写在外部的`.css`文件中，并给`div`添加相应的类名：

   <div class="center-text">这是一段居中的文字</div>
   <style>
     .center-text {
       text-align: center;
       vertical-align: middle;
     }
   </style>

3. **Flexbox布局**:
如果你希望兼容现代浏览器，可以使用Flexbox布局：

   <div style="display:flex; justify-content:center; align-items:center;">
     这是一段居中的文字
   </div>

4. **Grid布局**:
同样地，使用Grid布局也是一种选择：

   <div style="display:grid; place-items:center;">
     这是一段居中的文字
   </div>

注意：以上方法中，`vertical-align:middle`通常只对块级元素有效，对于行内元素，如`span`，可能需要配合其他技巧来实现完美的垂直居中。