css围绕一个圆心进行布局？

Question

想要做这样一个围绕圆心进行分类摆放的布局，不用旋转，标签都是后端传送过来的，有木有大佬能够帮个帮，有什么思路，或者deom什么的

Answer 1

纯 css，提供点到圆心的距离 r 和旋转角度 angle 的话，可以用 transform 作旋转+位移+反向旋转

left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(angle) translate(r) rotate(-angle)

Pen: https://codepen.io/mannix-zho...

Answer 2

直接绝对定位，要什么自行车，能用就行🐶

Answer 3

全都放入中心点，然后做 旋转 + 位移 + 再转回来

---

http://jsrun.net/J8zKp/edit

这是我之前写的一个类似的例子