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>,這樣才會在中間產生一個等字符大小的間距
②但是在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等瀏覽器中都產生了相同的效果!
相關文章
inline-block空隙之css letter-spacing與字體大小/字體關系數(shù)據表
本文提供inline-block空隙--letter-spacing與字體大小/字體關系數(shù)據表,需要的朋友可以參考下2012-12-09CSS文字控制之letter-spacing和word-spacing
letter-spacing和word-spacing這兩個屬性都用來添加他們對應的元素中的空白。2015-01-01
這篇文章主要介紹了CSS通過letter-spacing屬性 控制字與字間隔 ,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-09


