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.010 通過

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

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

display:block;

font-size:0;

line-height:0;

text-indent:-9999px;

經測試 ie6.0 、 7.0 、firefox 3.010 通過

CSS隱藏文字的幾個方法

通常偏移掉字型的方式是 1 使用text indent 9999px 可是他有乙個侷限性 他只適用於塊級元素block而我們往往有時候想偏移掉的a上的字型所以問題就來了text indent 9999px 雖然用起來比較愜意將a轉化成block的話 往往 他身後的的元素就被他趕到下一行了如果正好這個...

CSS隱藏多餘文字的幾個方法

通常偏移掉字型的方式是 1 使用text indent 9999px 可是他有乙個侷限性 他只適用於塊級元素block 而我們往往有時候想偏移掉的a上的字型 所以問題就來了 text indent 9999px 雖然用起來比較愜意 將a轉化成block的話 往往 他身後的的元素就被他趕到下一行了 如...

CSS隱藏多餘文字的幾個方法

通常偏移掉字型的方式是 1 使用text indent 9999px 可是他有乙個侷限性 他只適用於塊級元素block 而我們往往有時候想偏移掉的a上的字型 所以問題就來了 text indent 9999px 雖然用起來比較愜意 將a轉化成block的話 往往 他身後的的元素就被他趕到下一行了 如...