版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/admans/article/details/81624001
var tester = document.createElement('div');
tester.style.display = 'inline-block';
tester.style.fontSize = '100px';
for(var i=33;i<127;i++)
{
tester.innerHTML = String.fromCharCode(i);
document.body.appendChild(tester);
console.log(i+" "
+tester.innerHTML+" "
+tester.offsetWidth+" "
+(tester.offsetWidth/parseInt(tester.style.fontSize))
)
}
33 ! 28 0.28
34 " 36 0.36
35 # 56 0.56
36 $ 56 0.56
37 % 89 0.89
38 & 67 0.67
39 ' 19 0.19
40 ( 33 0.33
41 ) 33 0.33
42 * 39 0.39
43 + 58 0.58
44 , 28 0.28
45 - 33 0.33
46 . 28 0.28
47 / 28 0.28
48 0 56 0.56
49 1 56 0.56
50 2 56 0.56
51 3 56 0.56
52 4 56 0.56
53 5 56 0.56
54 6 56 0.56
55 7 56 0.56
56 8 56 0.56
57 9 56 0.56
58 : 28 0.28
59 ; 28 0.28
60 < 58 0.58
61 = 58 0.58
62 > 58 0.58
63 ? 56 0.56
64 @ 102 1.02
65 A 67 0.67
66 B 67 0.67
67 C 72 0.72
68 D 72 0.72
69 E 67 0.67
70 F 61 0.61
71 G 78 0.78
72 H 72 0.72
73 I 28 0.28
74 J 50 0.5
75 K 67 0.67
76 L 56 0.56
77 M 83 0.83
78 N 72 0.72
79 O 78 0.78
80 P 67 0.67
81 Q 78 0.78
82 R 72 0.72
83 S 67 0.67
84 T 62 0.62
85 U 72 0.72
86 V 67 0.67
87 W 99 0.99
88 X 66 0.66
89 Y 66 0.66
90 Z 61 0.61
91 [ 28 0.28
92 \ 28 0.28
93 ] 28 0.28
94 ^ 43 0.43
95 _ 56 0.56
96 ` 33 0.33
97 a 56 0.56
98 b 56 0.56
99 c 50 0.5
100 d 56 0.56
101 e 56 0.56
102 f 29 0.29
103 g 55 0.55
104 h 56 0.56
105 i 22 0.22
106 j 22 0.22
107 k 50 0.5
108 l 22 0.22
109 m 84 0.84
110 n 56 0.56
111 o 56 0.56
112 p 56 0.56
113 q 55 0.55
114 r 33 0.33
115 s 50 0.5
116 t 28 0.28
117 u 56 0.56
118 v 49 0.49
119 w 71 0.71
120 x 49 0.49
121 y 49 0.49
122 z 49 0.49
123 { 33 0.33
124 | 26 0.26
125 } 33 0.33
126 ~ 58 0.58