div里的内容怎么居中

在div中的内容居中有多种方法，以下是三种常用的方法：
1. 使用display: table-cell和vertical-align: middle实现垂直居中，text-align: center实现水平居中。
2. 使用绝对定位，设置left: 0，right: 0, top: 0, bottom: 0和margin: auto实现水平和垂直居中。
3. 将img标签转换为块级元素，使用margin: 0 auto实现水平居中，使用padding-top实现垂直居中。

相关问题

div 内容 垂直居中

可以使用以下方法实现 div 内容垂直居中：

1. 使用 flexbox 布局：

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

2. 使用 table 布局：

div {
  display: table;
  height: 100%;
  width: 100%;
}

div > div {
  display: table-cell;
  vertical-align: middle;
}

3. 使用绝对定位和 transform 属性：

div {
  position: relative;
}

div > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div 内容垂直居中

要实现 div 内容垂直居中，可以使用以下 CSS 样式：

display: flex;
align-items: center;
justify-content: center;

这样就可以让 div 内容在垂直方向上居中显示了。