IE7与FF下的letter-spacing属性兼容性写法

框架(架构)  /  管理员 发布于 7年前   166

letter-spacing:控制单个字符或者文字的间距

①在IE7下，至少要有两个字符才行，如<P><spanstyle="letter-spacing:1em;">密码</span>:</p>,这样才会在中间产生一个等字符大小的间距
②但是在FF下，刚才的代码就是在每个字符的右边产生一个1em的间距，也就是“码”和“：”之间也有一个间距，只有写成<p><spanstyle="letter-spacing:1em;">密</span>码：</p>才能起到需要的效果，与①产生的效果一样
这样就产生了一个浏览器兼容性问题，解决的办法就是把代码写成这样的 

复制代码代码如下:
<p><spanstyle="letter-spacing:1em;margin-right:-1em;">密码</span>:</p>

这样在IE7、8、9、FF5、谷歌、opera等浏览器中都产生了相同的效果！