網頁製作中我們經常會人為的隱藏一些網頁元素，比如站長統計的圖示，或者滑鼠滑過隱藏效果，現在我們來講講css如何隱藏div及html內容。
css隱藏div盒子及html內容方法
html中怎麼使用css樣式隱藏內容，又不影響**功能使用。
我們常常想隱藏一些內容，比如**新增第三方統計顯示的圖示，如何通過css隱藏，但又不影響**統計，怎麼讓作為背景，但文字又不顯示，如何隱藏等問題。divcss5給大家分享分享。
一、普通隱藏網頁內容
css樣式單詞：display:none
假如我們想隱藏一段統計**，但又不想顯示出統計**圖示，又不影響統計功能，我們即可使用此css樣式單詞display:none(這單詞意思不顯示物件及物件內容)。
css**：
.tongji
html片段：
隱藏內容
說明：此div css隱藏，將隱藏物件div及物件內容，但功能不受影響。對於搜尋引擎來說，無論你此樣式是標籤內使用還是向這個例項一般分開css與html，搜尋引擎都會不讀取和索引你隱藏內容，對於隱藏關鍵字的朋友來說，千萬不要使用此css隱藏方式來隱藏關鍵字或錨文字鏈結，不然只是個徒勞。
二、做背景，隱藏上文字，又不影響a超連結 錨文字
我們平時會遇到，我們想以作為物件背景，內容用文字+超連結來做優化，同時又想隱藏文字，超連結不受影響，這樣來優化網頁，即不影響美觀又達到了搜尋引擎優化的效果。
所用關鍵css樣式：text-indent:-9999px
div css隱藏內容樣式方法
一般情況下，css隱藏的用途,如下：
1、對文字的隱藏
2、隱藏超連結(另類黑鏈)
3、對統計**隱藏
4、隱藏超出
5、css隱藏滾動條
6、css隱藏div層
一、使用css隱藏方法用到css樣式單詞及對應解釋
1、使用display:none;來隱藏所有資訊(無空白位佔據)推薦，css display手冊檢視
2、使用overflow:hidden;來隱藏溢位的文字或 適用推薦，css overflow手冊檢視
3、使用overflow-y:hidden;和overflow-x:hidden控制滾動條的隱藏與否，css overflow-y手冊檢視，css手冊檢視overflow-x
二、常見div css隱藏案例
1、css隱藏div及內容，完全隱藏內容與布局
解釋：使用css單詞display:none;完全隱藏文字及
使用div 中css樣式display:none;將使得div內的內容隱藏通過瀏覽器什麼也看不見，並且隱藏的內容也不會占用空間，通常用於js特效隱藏、隱藏統計**顯示圖示。
通過物件盒子設定縮排樣式(text-indent:-9999px)方法可以隱藏超連結文字內容
2、overflow: hidden 隱藏溢位div內容或
例項**如：
我是可以看見的
< div style="overflow: hidden; width:30px; height:20px;">你是看不見我的。
< br/>
同樣我也是可以看見的
案例截圖：
隱藏溢位內容截圖
使用css樣式通過對「你是看不見我的」div css層設定固定的高和寬，然後通過overflow: hidden樣式即可使得超出(溢位)固定的高寬內容隱藏同時也不占用被隱藏地方位置。
3、css隱藏滾動條
div內容換行（隱藏）
1 換行不隱藏 div在某個容器裡面，要適應這個容器的寬度，然後自動換行，那麼如下寫就好了 容器標籤 style clear both div style overflow x hidden word break break all white space normal 這邊寫內容div 容器標籤 ...
css樣式內容超出div換行以及隱藏
之前，自己學過css樣式，看到過超出邊框的內容展示，今天專案用到，真是想不起來了，懶得在看文件了，直接網上搜了一下，記錄下來，以備往後用。word wrap break word 換行 word break break all 換行 overflow hidden 隱藏 這個引數根據需要來絕對要不要...
CSS隱藏內容方法
在製作網頁時，隱藏內容也是一種比較常用的手法，它的作用一般有 隱藏文字 隱藏鏈結 隱藏超出範圍的內容 隱藏彈出層 隱藏滾動條 清除錯位和浮動等等。使用css即可使以上提到的內容隱藏起來，幾種隱藏內容的方法 我不占地兒，你看不見我 值描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素...