、 通过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 中午吃啥，投个票吧！

写在最后

怎么样？大开眼界吧。其实类似的内容在微信中还是很多的，或许我们可以把它看作是一些微信中未解锁的功能。虽然大多数代码目前看都没有很好的界面，而且操作也比较麻烦，但终究可以给我们带来一些不一样的感受。总之还是那句话，如果你对目前每天刷朋友圈这样的生活感觉厌倦的话，那就不妨试试上面这些代码吧。