、 通過style屬性中的 display : none { 這種是最常用方式之一 }

display : none

這兩種方式的區別是: display 設置為 none之后, 該元素不占用文檔流

visibility 設置為 hidden之后, 該元素仍然占用文檔流, 只不過是看不見了而已

2 、通過style屬性中的 visibility : hidden { 這種也是最常用的方式之一 }

visibility : hidden

3 、通過相對定位移動當前元素到屏幕左側

div{     
    position: relative;     
    left: -100%
}

但是要記住:

1 元素仍然占用標準文檔流 2 百分比是相對父元素的寬度和高度的, 并不是相對可視區寬度偏移的

4 、通過元素內文本對齊將子元素移動到父元素右側, 配合超出后不顯示

.div{    
    text-indent: 100%;    
    white-space: nowrap;    
    overflow: hidden;
}

注意點: 此時子元素仍然占用文檔流, 只是我們隱藏了超出部分

5 、設置元素的寬度和高度為0, 元素直接消失

.div{    
    width: 0px;    
    height: 0px;
}

注意點:

1 標準文檔流是相對于一個容器來說的, 每一個容器有自己的文檔流, 我們只關心當前元素所在的文檔流 2 高度和寬度都設置為0后, 我們就可以認為此元素不再占用其父元素的標準文檔流了, 但是這個容器仍然存在, 這個容器也存在一個標準文檔流, 供其子元素使用; 其子元素不會消失, 仍然會正常顯示, 但是不會占用其父元素所在的標準文檔流( 即子元素顯示不會受其影響, 此元素占用文檔流的大小也不會受其子元素的影響 )

6 、設置元素透明度為 0

div{    
  opacity: 0;
}

這個感覺有點傻乎乎的, 掩耳盜鈴, 不過這個經常用來做動畫變換

7、 旋轉元素, 使與當前頁面垂直

div{    
  transform: rotateX(90deg);
}

注意點: 這個只是顯示上的變換, 仍然會占用原元素大小和位置的文檔流, 其它各種變換也是如此。

8 、縮小元素尺寸到自身的0倍

div{    
  transform: scale(0);
}

注意點: 同上

9 、其它 transform 使其假不可見

信每天都在玩，可你知道么？除了那些每天都在用的功能外，我們的微信其實還隱藏著很多不為人知的小秘密。這些秘密或實用或炫酷，但總能給我們帶來一些不一樣的感受。接下來小編就給大家列舉幾個，喜歡哪一個就自己試試看吧。

微信神秘隱藏代碼——//switchtabpos：最富Android味的改造

Android與IOS最不一樣的地方，莫過于一個標簽欄在下一個標簽欄在上了。實話說，Android版微信的界面設計并不出彩，而且相當沒有Android味！“//switchtabpos”這段代碼的最大用處，就是將Tab欄由之前的下方挪至上方，于是原本還透著濃濃IOS味的UI瞬間就有了Android范。最關鍵的是，這還是一條開關碼，什么時候用膩了，再輸入一遍，立馬就能還原回之前的樣子。

圖01 還原Android微信的本來味！

微信神秘隱藏代碼——//multiwebview：聊天看文章互不打擾

很多網友都遇到過這種情況，看文章時碰巧來條信息，回復完畢再退回原來位置時，發現文章已經消失，只能重新再開一遍。其實導致這類問題的主要原因，是微信將聊天與看文章共用一條任務，一條打開另一條自然被擠掉。“//multiwebview”的含義是將聊天頁與文章頁獨立顯示，代碼執行后，聊天頁和文章頁會自動分成兩組任務，一個頁面操作時，再也不會影響到另一個頁面操作了。唯一一個麻煩，就是這段代碼對系統的要求有點高，必須得Android 5.0才有效果。

圖02 讓微信聊天與讀文章互不干擾

微信神秘隱藏代碼——//sightinfo：實時顯示視頻參數

小視頻大家都玩過，或許你想了解一下這些視頻的相關參數。“//sightinfo”這條代碼能讓視頻發布時，自動顯示幀率、大小、時長、分辨率等內容，讓視頻信息一目了然。和“//switchtabpos”一樣，“//sightinfo”也是一條開關碼，什么時候不需要了，再從輸入框中輸一遍就行，重啟微信生效。

圖03 實時顯示視頻信息

微信神秘隱藏代碼——//getfpkey：極客版“關于手機”

這是一條能將手機信息顯示出來的代碼，類似于“關于手機”，可以提供手機廠商、型號、ROM版本等等內容。不過正如你所看到的，里面的信息非常具有極客范，而且實話說也沒啥有營養的東東。所以嘛，大家玩玩也就行了，基本上用處不大。

圖04 極客版“關于手機”

微信神秘隱藏代碼——//fullexit：退出微信

“//fullexit”是一條手工退出微信的代碼，有點像Win7里的shutdown –s，不過要比“設置”面板里的“退出”更徹底。輸入代碼后，微信隨即退出，再次進入時，會提示輸入登錄密碼，接下來嘛相信你都明白了！

圖05 很徹底地退出微信

微信神秘隱藏代碼——//whatsnew：哄LP絕招？

這條代碼很容易讓人聯想到what‘s new（顯示新功能），但事實上不是。輸入代碼后，微信隨即被鎖定，屏幕會顯示出一個大大的二維碼。這里可以有兩種方法關閉這一鎖屏，一是直接點擊最下方的按鈕自己解鎖，另一種則是讓其他好友掃碼解鎖。不過……鎖不是白解的，每次掃完后，對方都會隨機向你的錢包打上幾塊零錢，所以嘛……這東西估計女性朋友們更有用處吧！

圖06 這項功能女同胞們估計會喜歡

微信神秘隱藏代碼——faxinxi.la：中午吃啥投票吧！

原則說這并不是一條代碼，但它所實現的功能卻是很多人都想得到的，這就是——“投票“！faxinxi.la的使用非常簡單，輸入代碼后，在彈出頁中選擇“發起投票”，即可根據屏幕提示設置一組投票。投票支持單選、多選，使用者或發起人還能隨時查看投票結果，應該說對付中午吃飯這類普通問題還是相當有實效的。而且正如你所看到的，這條代碼的功能并不只限于投票，比方說組織個活動呀、發表個文章、發送個福利神馬的，統統可以用它搞定，厲害吧！

圖07 中午吃啥，投個票吧！

寫在最后

怎么樣？大開眼界吧。其實類似的內容在微信中還是很多的，或許我們可以把它看作是一些微信中未解鎖的功能。雖然大多數代碼目前看都沒有很好的界面，而且操作也比較麻煩，但終究可以給我們帶來一些不一樣的感受。總之還是那句話，如果你對目前每天刷朋友圈這樣的生活感覺厭倦的話，那就不妨試試上面這些代碼吧。