css 让元素围绕中心点排列

要让元素围绕中心点排列，可以使用CSS的`transform`属性来实现。以下是具体的方法：

首先，需要将元素的`display`属性设置为`flex`，以便使用flexbox布局模型。

然后，使用`justify-content`和`align-items`属性来控制元素在父容器中的水平和垂直对齐方式，将它们都设置为`center`，即：

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

接下来，使用`transform`属性来以中心点为基准旋转或平移元素。例如，如果要让元素以中心点旋转45度，可以使用以下代码：

.box {
  transform: rotate(45deg);
}

如果要让元素以中心点平移50像素水平和垂直方向，可以使用以下代码：

.box {
  transform: translate(50px, 50px);
}

如果要同时进行旋转和平移，可以将多个`transform`函数链式使用，例如：

.box {
  transform: rotate(45deg) translate(50px, 50px);
}

通过使用以上的CSS属性和值，可以让元素围绕中心点进行排列和变换。