css的div中的文本垂直和水平都居中的属性

在CSS中，如果你想让`<div>`元素内的文本内容在水平和垂直方向上都居中对齐，可以使用以下几种方法：

1. **Flexbox布局**:
如果该`<div>`是块级元素，并且它的父元素设置了`display: flex;`，则可以直接设置`.align-items: center;` 和 `.justify-content: center;`，例如：

   .container {
     display: flex;
     align-items: center;
     justify-content: center;
   }

2. **Grid布局**:
同样地，如果采用Grid布局，可以在容器上设置`.align-items: center;` 和 `.justify-items: center;` 或者`.place-items: center;`：

   .container {
     display: grid;
     align-items: center;
     justify-items: center;
   }

3. **内联-block元素** (对于行内元素)：
对于行内元素，可以设置`text-align: center;`使其水平居中，然后使用`:before`或`:after`伪元素添加绝对定位并填充剩余空间来实现垂直居中，但这种方法需要额外的技巧。

4. **Positioning**:
另外，还可以通过设置元素为position定位(`position: absolute`或`position: relative`)并与父元素配合使用`top`, `bottom`, `left`, `right`以及`margin-top: auto; margin-bottom: auto;`来实现居中，这适用于相对简单的布局结构。

记得，在使用这些方法之前，检查一下元素是否允许浮动、弹性盒模型或网格布局生效，以及是否有特殊的兼容性需求。