最近做了乙個demo，寫了乙個輪播，在輪播的時候顯示對的文字解釋，要求文字不跟隨滾動預設顯示。花了一點點時間，解決了這個辦法，最後總結了一下在html中用css隱藏文字的方法。
（1）偏移掉字型的方式
使用text-indent:-9999px; 這種方法有乙個侷限性只適用於塊級元素。
（2）字型為零不顯示，能完美「隱藏」掉你background之上的字型，經測試 ie6.0 、 7.0 、8.0、firefox 3.010 通過
line-height
:0;font-size
:0;overflow
:hidden;
最方便的是加個span，然後display:none，而且這樣不會出bug。
遺憾的是，多了個標籤，迴圈中使用的話，html又多了一堆位元組，單個按鈕推薦這樣使用。
(4)css隱藏多餘文字
text-overflow : clip | ellipsis
引數：
clip : 不顯示省略標記（…），而是簡單的裁切
（clip這個引數是不常用的！）
ellipsis : 當物件內文字溢位時顯示省略標記（…）
說明：
設定或檢索是否使用乙個省略標記（…）標示物件內文字的溢位。
請您注意，text-overflow:ellipsis屬性在ff中是沒有效果的。
示例：
div
text-overflow是乙個比較特殊的樣式，我們可以用它代替我們通常所用的標題擷取函式，而且這樣做對搜尋引擎更加友好，如：標題檔案有50個漢字，而我們的列表可能只有300px的寬度。如果用標題擷取函式，則標題不是完整的，如果我們用css樣式text-overflow:ellipsis，輸出的標題是完整的，只是受容器大小的侷限不顯示出來罷了。
css元素的顯示及隱藏 文字隱藏
1 元素的顯示及隱藏 1 實現方式 display visibility overflow 2 display 元素的隱藏 display none 1 結論 元素本身還在dom中，只是隱藏而已 2 元素是不佔位置的 元素的顯示 display block 1 結論 display block可以讓...
css控制div顯示 隱藏方法
css中隱藏和顯示html元素 可以用display和visibility，屬性如下 1.display none block display none 隱藏該html元素，在瀏覽器中消除該元素，不佔螢幕的空間。dispaly block 顯示已經隱藏的html元素，如果該空間被別的元素占有了，他將...
CSS隱藏文字的幾個方法
通常偏移掉字型的方式是 1 使用text indent 9999px 可是他有乙個侷限性 他只適用於塊級元素block而我們往往有時候想偏移掉的a上的字型所以問題就來了text indent 9999px 雖然用起來比較愜意將a轉化成block的話 往往 他身後的的元素就被他趕到下一行了如果正好這個...