如何使用transform-origin将子盒子放在底部中心位置

要将子盒子放在底部中心位置，可以使用CSS属性transform-origin。以下是将子盒子放在底部中心位置的示例CSS代码：

.parent {
  position: relative;
}

.child {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  transform-origin: bottom center;
}

在这个示例中，父元素设置为相对定位，子元素设置为绝对定位，底部对齐并且向上移动其高度的距离。transform-origin属性设置为bottom center，表示子盒子应该以其底部中心点为旋转点。transform属性用于水平居中子盒子。

这样，子盒子就会被放在底部中心位置。