css space-between单个时居中

CSS中的`space-between`属性是用于控制子元素之间的间距，当只有一个子元素时，`space-between`是无法起作用的。要使单个子元素居中，可以采用以下方法：

1.使用Flexbox布局：将父容器的`display`属性设置为`flex`，并在父容器中添加一个伪元素作为占位符。然后使用`justify-content: center`属性使子元素在水平方向上居中。

.parent {
  display: flex;
  justify-content: center;
}

.parent::before {
  content: "";
}

2.使用Grid布局：将父容器的`display`属性设置为`grid`，并使用`justify-items: center`属性使子元素在水平方向上居中。

.parent {
  display: grid;
  justify-items: center;
}

3.使用相对定位和负边距：将父容器设置为相对定位，然后将子元素设置为绝对定位，并使用负边距使其在居中位置。

.parent {
  position: relative;
}

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

以上是三种常用的方法，可以实现单个子元素在水平方向上居中。根据具体的布局需求和兼容性要求，选择其中一种方法即可。