IE7與FF下的letter-spacing屬性兼容性寫法
發(fā)布時間:2014-09-05 10:15:15 作者:佚名
我要評論

letter-spacing:控制單個字符或者文字的間距,下面要與大家分享的是IE7與FF下的letter-spacing屬性兼容性解決方法,有此疑問的朋友可以參考下
letter-spacing:控制單個字符或者文字的間距
①在IE7下,至少要有兩個字符才行,如<P><spanstyle="letter-spacing:1em;">密碼</span>:</p>,這樣才會在中間產(chǎn)生一個等字符大小的間距
②但是在FF下,剛才的代碼就是在每個字符的右邊產(chǎn)生一個1em的間距,也就是“碼”和“:”之間也有一個間距,只有寫成<p><spanstyle="letter-spacing:1em;">密</span>碼:</p>才能起到需要的效果,與①產(chǎn)生的效果一樣
這樣就產(chǎn)生了一個瀏覽器兼容性問題,解決的辦法就是把代碼寫成這樣的
<p><spanstyle="letter-spacing:1em;margin-right:-1em;">密碼</span>:</p>
這樣在IE7、8、9、FF5、谷歌、opera等瀏覽器中都產(chǎn)生了相同的效果!
①在IE7下,至少要有兩個字符才行,如<P><spanstyle="letter-spacing:1em;">密碼</span>:</p>,這樣才會在中間產(chǎn)生一個等字符大小的間距
②但是在FF下,剛才的代碼就是在每個字符的右邊產(chǎn)生一個1em的間距,也就是“碼”和“:”之間也有一個間距,只有寫成<p><spanstyle="letter-spacing:1em;">密</span>碼:</p>才能起到需要的效果,與①產(chǎn)生的效果一樣
這樣就產(chǎn)生了一個瀏覽器兼容性問題,解決的辦法就是把代碼寫成這樣的
復制代碼
代碼如下:<p><spanstyle="letter-spacing:1em;margin-right:-1em;">密碼</span>:</p>
這樣在IE7、8、9、FF5、谷歌、opera等瀏覽器中都產(chǎn)生了相同的效果!
相關(guān)文章
inline-block空隙之css letter-spacing與字體大小/字體關(guān)系數(shù)據(jù)表
本文提供inline-block空隙--letter-spacing與字體大小/字體關(guān)系數(shù)據(jù)表,需要的朋友可以參考下2012-12-09CSS文字控制之letter-spacing和word-spacing
letter-spacing和word-spacing這兩個屬性都用來添加他們對應(yīng)的元素中的空白。2015-01-01- 這篇文章主要介紹了CSS通過letter-spacing屬性 控制字與字間隔 ,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-09