IE7与FF下的letter-spacing属性兼容性写法
2014-09-05 10:15
513 查看
letter-spacing:控制单个字符或者文字的间距
①在IE7下,至少要有两个字符才行,如<P><spanstyle="letter-spacing:1em;">密码</span>:</p>,这样才会在中间产生一个等字符大小的间距
②但是在FF下,刚才的代码就是在每个字符的右边产生一个1em的间距,也就是“码”和“:”之间也有一个间距,只有写成<p><spanstyle="letter-spacing: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等浏览器中都产生了相同的效果!
相关文章推荐
- CSS的IE6、IE7、FF兼容性写法
- CSS的IE6、IE7、FF兼容性写法
- IE6 IE7 IE8 FF 兼容性的写法
- DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
- 全面兼容ie6,ie7,ie8,ff的最简单的css写法
- css兼容性小结(1) FF IE6 IE7 IE8
- css ie6,ie7,ie8 兼容性写法,CSS hack写法
- 解決IE6、IE7、IE8、Firefox CSS兼容性的 Hack 写法
- IE5 IE6~IE9 FF 之间盒子宽度兼容性写法
- CSS设计兼容性问题IE6,IE7,FF
- [转载]DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
- CSS透明滤镜的兼容性写法,支持FF,IE6.0,IE7.0,IE8.0
- js,jq获取元素位置属性及兼容性写法
- DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
- IE6、IE7、FF 与兼容性有关的特性
- 应用letter-spacing属性和word-spacing属性的注意事项
- DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性
- css ie6,ie7,ie8 兼容性写法,CSS hack写法
- [转载]DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
- letter-spacing与word-spacing属性详解