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` 下的所有子元素都会水平和垂直居中。

相关问题

css 使div内 子元素 居中

可以使用以下 CSS 属性将子元素居中：

.parent {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

其中，`.parent` 为父元素的 class，`justify-content` 属性用于水平居中，`align-items` 属性用于垂直居中。 `display: flex;` 属性用于将父元素设置为弹性容器，使子元素可以进行居中操作。

绝对定位的div子元素多行文字居中

可以使用CSS的flexbox布局来实现多行文字居中。

具体做法是：将父元素设置为display: flex; align-items: center; justify-content: center; 然后将子元素设置为position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);即可实现。