IE7与FF下的letter-spacing属性兼容性写法
网站建设 2021-07-03 08:15www.dzhlxh.cn网站建设
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等浏览器中都产生了相同的效果！
①在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等浏览器中都产生了相同的效果！