在CSS中隱藏文字的技巧

一般偏移掉字體的方式是：

（1）使用｛text-indent:-9999px｝;

但是他有一個侷限性 他只適用於塊級元素block而咱們每每有時候想偏移掉的a上的字體因此問題就來了text-indent:-9999px;雖然用起來比較愜意將a轉化 成block的話 每每 他身後的的元素就被他趕到下一行了若是正好這個a後面 是一個a按鈕就要用float來浮動以使他身後再出現簇擁者這樣是否是有些麻煩呢

（2）｛line-height:0;font-size:0;overflow:hidden;｝

能完美「隱藏」掉你background之上的字體經測試 ie6.0 、 7.0 、8.0、firefox 經過

（3）最方便的是加個span，而後display:none，並且這樣不會出bug。遺憾的是，多了個標籤，循環中使用的話，html又多了一堆字節，單個按鈕推薦這樣使用。

而針對input value的隱藏這個方式就有些吃力了因此仍是隻能用block加text-indent來「偏移」模擬隱藏了

｛display:block;font-size:0;line-height:0;text-indent:-9999px;｝

經測試兼容性問題良好，暫未有不兼容問題發生。

想了解更多CSS教程知識可登錄e良師益友網。