css让div里面的div水平垂直都居中

在CSS中，将内部的`div`元素水平和垂直居中通常可以采用 Flexbox 或 Grid 布局，以及一些内联样式。以下是两种常见方法：

1. **Flexbox**:
如果外部`div`是容器，你可以设置它的 display 属性为 `flex`，然后使用 `justify-content` 和 `align-items` 控制内部元素的对齐。

   .container {
     display: flex;
     justify-content: center; /* 水平居中 */
     align-items: center; /* 垂直居中 */
   }
   
   .inner-div {
     /* 其他样式 */
   }

2. **Grid**:
使用 CSS Grid 可以同样方便地实现水平和垂直居中。设置外层`div`的 display 为 `grid` 并调整其网格属性即可。

   .container {
     display: grid;
     place-items: center; /* 同时水平和垂直居中 */
   }
   
   .inner-div {
     /* 其他样式 */
   }

3. **内联样式** (仅适用于高度已知的情况)：
对于特定的高度，你可以使用绝对定位和 top/bottom、left/right 属性。

   .parent-div {
       position: relative;
   }

   .inner-div {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%); /* 把元素移动到中心 */
   }