html中如何让短横线的宽度与字母的宽度相同

Question

如图，第二行的一个短横线的宽度就小于第一行的大写A。

Answer 1

<style> &nbsp;&nbsp;&nbsp;&nbsp;.text{display:inline-block;width:12px;}//一般字符都是12个像素你可以自己调整，兼容一切浏览器。</style>var&nbsp;str&nbsp;=&nbsp;$('.box').html()//"ASBDASDA-ASDASD";for(var&nbsp;i=0;i<str.length;i++){ &nbsp;&nbsp;&nbsp;&nbsp;$('.box').append('<span&nbsp;class="text">'+str[i]+'</span>'); }

Answer 2

font-family: Consolas, Monaco, monospace;&nbsp;使用等宽字体试试！