关于html utf-8编码的问题：两个空格≠一个汉字

使用utf-8编码的Html网页，我在学习模拟登陆页面时发现：

编码时使用了两个空格转义字符  

 

在预览时却不等于一个字符的宽度（用户名和密码框未对齐）

本以为是utf-8宽字节所造成的问题，一般三个字节=一个汉字。但是才知道并不是这个问题，而是由于字体所造成的。

utf-8默认的是英文字体，对汉字的处理不是很友好，所以解决方法是，编码时加入font-family来设置统一字体，这样就可以解决啦！