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

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

回复
阅读 1.7k
3 个回答

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

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

纯 css 圆形布局.png

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

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

推荐问题
宣传栏