使用CSS根据每个字符的宽度设置单空格字体大小

有没有一种方法可以使用单间距字体的字形宽度来使用CSS设置字体大小

例如，我希望此框中的10个字符的宽度都精确到20px，这样无论实际使用的是哪种单空格字体，文本都会完全填充此框。目前，我使用的字体大小指令设置字体的高度，而不是每个字母的宽度

#xyzy{
宽度：200px；
填充：0；
利润率：10px；
边框：10px纯黑；
字体系列：monospace；
字体大小：20px；
}

---

1234567890

这里有一个JavaScript解决方案，它从

20px

字体大小开始，然后按比例缩放，以完全适合所需的

200px

宽度

var xyzy=document.getElementById（'xyzy'）；
var currentWidth=xyzy.clientWidth+1；
var desiredWidth=200；
var currentFontSize=20；
xyzzy.style.fontSize=currentFontSize*desiredWidth/currentWidth+“px”
#xyzy{
显示：内联块；
空白：nowrap；
填充：0；
利润率：10px；
边框：10px纯黑；
字体系列：monospace；
字体大小：20px；
}
1234567890
这里有一个JavaScript解决方案，它从
20px
字体大小开始，然后按比例缩放，以完全适合所需的
200px
宽度


var xyzy=document.getElementById（'xyzy'）；
var currentWidth=xyzy.clientWidth+1；
var desiredWidth=200；
var currentFontSize=20；
xyzzy.style.fontSize=currentFontSize*desiredWidth/currentWidth+“px”
#xyzy{
显示：内联块；
空白：nowrap；
填充：0；
利润率：10px；
边框：10px纯黑；
字体系列：monospace；
字体大小：20px；
}
1234567890
否，没有设置使字体图示符与其元素的宽度成比例。你需要javascript我对使用JavaScript持开放态度。它不像纯CSS那样干净。我更喜欢CSS解决方案，但我会接受JS解决方案。不，没有设置使字体字形与其元素的宽度成比例。你需要javascript我对使用JavaScript持开放态度。它不像纯CSS那样干净。我更喜欢CSS解决方案，但我会接受JS解决方案。