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

当前位置 : 首页 > 网页制作 > CSS > IE7与FF下的letter-spacing属性兼容性写法

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

来源: 作者: 时间:2015-10-31 10:17
letter-spacing:控制单个字符或者文字的间距,下面要与大家分享的是IE7与FF下的letter-spacing属性兼容性解决方法,有此疑问的朋友可以参考下
letter-spacing:控制单个字符或者文字的间距,下面要与大家分享的是IE7与FF下的letter-spacing属性兼容性解决方法,有此疑问的朋友可以参考下
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等浏览器中都产生了相同的效果!
Tag:
网友评论

<