HTML怎么实现这种椭圆形布局？

可以用offset-path和offset-distance来实现，好处是位置可以自动分配，无需单独计算

path可以通过一般的设计软件生成svg，然后将 svg 转换成 path

转换地址：https://www.zhangxinxu.com/sp...

这里做了一个简单的示例：https://runjs.work/projects/7...

num{
    position: absolute;
    offset-path: path('M0 102.5a102.5 102.5 0 0 1 102.5 -102.5h237a102.5 102.5 0 0 1 102.5 102.5v0a102.5 102.5 0 0 1 -102.5 102.5h-237a102.5 102.5 0 0 1 -102.5 -102.5z');
    offset-distance: calc( var(--i) * 10% / 1.4);
    offset-rotate: 0deg;
}

可以自己适当修改，之前在这篇文章中有相关技巧：https://segmentfault.com/a/11...