在CSS中隱藏文字的技巧

2022-08-26 21:27:28 字數 619 閱讀 1232

通常偏移掉字型的方式是:

(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;}

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

知識可登陸e良師益友網。

在Word中隱藏文字

我們在用word中編輯文件時,有時需要對文件中的部分文字進行隱藏,例如在製作試卷時,可以先將答案連同試題一起製作出來,在列印前將答案隱藏,然後在閱卷或講解試題時再將隱藏的文字顯示出來列印。下面以word 2003為例,來說明一下具體的方法 1.選擇所有需要隱藏的文字,單擊選單 格式 字型 彈出 字型...

CSS隱藏文字的幾個方法

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

CSS隱藏文字的幾個方法

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