等宽字符的像素宽度

Question

我想知道,是否可以用等宽字体计算字符的像素宽度？我正在使用等宽字体,因为我需要每个字符在我的DIV中占据相同的宽度,但我不确定如何可靠地获得它的实际像素宽度.我需要修改宽度才能在JavaScript中进行计算.这是我的css:

font-family: monospace;
font-size: 15px; 

这可能吗？

Answer 1

我能想到的最好的方法是创建一个position: absolute; top: -100px;带有单个字符的跨屏幕().然后,您可以测量跨度的宽度,以获得等宽字体中1个字符的宽度.但是,确保将padding其设置为0px跨度,因为它包含在宽度中.

编辑:如果您只需要一个近似值,该ex单位通常是有帮助的.1ex是小写字母'x'的高度.这通常与宽度大致相同.但这不确切.