如何隱藏網頁中的一段文字

在實際應用中，可能有這樣的需求，就是在網頁中隱藏一段文字，我們們暫且不去管這樣做的目的是什麼，總之這樣的需求是有的，實現的方式也有多種，下面就通過程式碼例項介紹一下如何實現此功能。

一.text-indent設定文字的偏移量:

使用此屬性可以設定指定元素中文字的偏移量，例如:

[CSS] 純文字檢視 複製程式碼
text-indent:-9999px;

設定文字的偏移量，使其不出現在可視區域即可，當然屬性值未必非要是-9999px。

二.設定字型和行高為零:

[CSS] 純文字檢視 複製程式碼
font-size:0;
overflow:hidden;
line-height:0;

無需多說明，上面的程式碼能夠將指定元素的文字隱藏。

三.將指定元素設定為display:none:

將文字用指定標籤包裹，然後將此標籤的display屬性值設定為none，比如為文字包裹span標籤，然後設定display:none。

四.使用絕對定位:

使用絕對定位的方式，將存放元素的容器，移出可視範圍。

[CSS] 純文字檢視 複製程式碼
.antzone{  position:absolute;
  left:2000px;
}