此文章为转载文章,原地址为:http://www.javaranger.com/archives/130。
最近碰到一个奇葩问题,我的一个textarea,在它里面,一个汉字占了4个字节,或者说一个汉字占了4个空格,想尽了一切办法都没用,后来在一位网友的博客里面看到说是字体系列的问题。参照他的,在textarea的style里面设置字体系列:font-family: “宋体”, sans-serif;就没问题了。前面那个宋体是字体,可以改成隶书等,后面那个才是才是系列。
空格在浏览器中所占宽度跟字符集或者编码是没有关系的。
在英文字体或者其他国家语言字体下空格($nbsp;)在浏览器中显示为不同的宽度,可能是三个空格对应一个汉字,或者四个空格对应一个汉字。使用中文字体可以解决这个问题。
设置字体为中文即可:font-family: “宋体”, sans-serif;