描边CSS-限制破折号

时间:2020-11-12 08:36:44

标签: css stroke-dasharray

我正在尝试用CSS画一条有限的虚线, 我的意思是破折号的数量会受到限制, 例如,如果限制数量为3,则该行将为:_____ _____ _____

当前,我正在使用百分比计算来获得相同的结果,但不确定其持久性。

当前:

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} },

0 个答案:

没有答案