【CSS问题】动态设置长度,有小数的问题。

clipboard.png
图中的页面结构是这样的:蓝色的是SVG,中间的白色分割线是table中td的右边框
clipboard.png

如上图所示,有个模型可以分步播放,具体有多少步是后面才知道。进度条固定长度(例width=700),若后面得到有51步,则每步长度应该是13.72px,td的长度也设置成13.72px;

问题是:在后面分步走的时候,获取到td的长度自动四舍五入了。导致中途有超出,如下:

clipboard.png
而且步数越多误差越大。

请教各位大神老师们,有什么好的想法吗,谢谢您的关注和指教

阅读 2.7k
3 个回答

这个可以使用百分比来设置宽度,给你一个demo让你看看效果。

考虑每一次计算的时候计算 总长度 * ( 当前步数 / 总步数 ) 这样的话误差就不会因为步数变大,只是因为每一次计算的四舍五入

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