IE7與FF下的letter-spacing屬性兼容性寫(xiě)法
發(fā)布時(shí)間：2014-09-05 10:15:15 作者：佚名 
我要評(píng)論
我要評(píng)論letter-spacing:控制單個(gè)字符或者文字的間距，下面要與大家分享的是IE7與FF下的letter-spacing屬性兼容性解決方法，有此疑問(wèn)的朋友可以參考下
letter-spacing:控制單個(gè)字符或者文字的間距
①在IE7下，至少要有兩個(gè)字符才行，如<P><spanstyle="letter-spacing:1em;">密碼</span>:</p>,這樣才會(huì)在中間產(chǎn)生一個(gè)等字符大小的間距
②但是在FF下，剛才的代碼就是在每個(gè)字符的右邊產(chǎn)生一個(gè)1em的間距，也就是“碼”和“：”之間也有一個(gè)間距，只有寫(xiě)成<p><spanstyle="letter-spacing:1em;">密</span>碼：</p>才能起到需要的效果，與①產(chǎn)生的效果一樣
這樣就產(chǎn)生了一個(gè)瀏覽器兼容性問(wèn)題，解決的辦法就是把代碼寫(xiě)成這樣的
<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è)間距，只有寫(xiě)成<p><spanstyle="letter-spacing:1em;">密</span>碼：</p>才能起到需要的效果，與①產(chǎn)生的效果一樣
這樣就產(chǎn)生了一個(gè)瀏覽器兼容性問(wèn)題，解決的辦法就是把代碼寫(xiě)成這樣的
復(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-01
CSS通過(guò)letter-spacing屬性 控制字與字間隔
這篇文章主要介紹了CSS通過(guò)letter-spacing屬性 控制字與字間隔 ,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-09
