css怎么上下左右都居中？

可以使用以下方法将CSS元素上下左右居中：

1. 使用flexbox布局：

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

2. 使用绝对定位：

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

3. 使用文本对齐和行高：

.element {
  text-align: center;
  line-height: /* 元素高度 */;
}

4. 使用表格布局：

.table {
  display: table;
  height: /* 容器高度 */;
  width: /* 容器宽度 */;
}

.cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

以上方法都可以实现将CSS元素上下左右居中的效果，选择哪种方法根据实际情况进行选择。