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

TS
  • 38
浙江

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

回复
阅读 1.4k
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...

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

linong
  • 26.3k
北京
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏