线条笔划CSS-限制破折号的数量

我试图用CSS画一条有限的虚线， 我的意思是破折号的数量是有限的， 例如，如果限制数为3，则该行将为：\ uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu_____

目前，我正在使用百分比计算来获得相同的结果，但不确定它是否耐用

当前：

grid: { line: { stroke: theme.palette.secondary.main , strokeWidth: 1, strokeDasharray: "32% 2%"} },

可取的：

grid: { line: { stroke: theme.palette.secondary.main , strokeWidth: 1, strokeDasharray: "1rem 0.2rem" numberOfdashes: 3} },

---

这回答了你的问题吗？Sara Stoimenovska不，我已经知道了。我试图限制破折号的数量，“但不确定它是否耐用”——确切的意思是什么？当然，

32%2%

看起来像是所谓的“神奇数字”——但只要你对破折号数量的要求没有改变，这些数字也不需要改变。我不确定实际的问题应该是什么。我认为使用NumberOfDash，它将更容易编辑，并且对所有屏幕大小都会有相同的反应