div 使子元素全部居中

`div` 元素本身并没有直接内置使其所有子元素居中的功能，但是你可以通过CSS样式来实现这一点。最常见的做法是结合 `display: flex` 或者 `display: inline-flex` 以及 `justify-content` 和 `align-items` 属性。例如：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;   /* 垂直居中 */
  height: 100%; /* 如果需要整个容器都充满高度 */
}

或者如果你只希望单行垂直居中，可以使用 `line-height` 和 `height` 相同的方式：

.container {
  display: flex;
  align-items: center; /* 子元素会沿垂直方向居中 */
  line-height: 100%; /* 设置子元素的行高等于其高度，使内容垂直居中 */
  height: 100%;
}

这样设置后，`.container` 下的所有子元素都会水平和垂直居中。