IE7与FF下的letter-spacing属性兼容性写法
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
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等浏览器中都产生了相同的效果!
下一篇:限制div高度当内容多了溢出时显示滚动条