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

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