如何隐藏DOM元素

http://web.jobbole.com/88181/

 

在《用 CSS 隐藏页面元素的 5 种方法》一文中介绍了五种方法隐藏DOM元素，并且剖析了它们之间的差异。这里也再回顾一下，在CSS中，要隐藏DOM元素常见的方法有：

• 设置元素的opacity值为0
• 设置元素的visibility值为hidden
• 设置元素的display值为none
• 设置元素的position值为absolute，并且将其移到不可见区域
• 设置元素clip（在新的CSS中使用clip-path来替代clip）

除此之外，还可以使用：

• 设置元素的hidden

上面隐藏元素的方法都是大家常见的，也是众所周之的。当然除此之外还有一些特殊的小技巧,比如说：

• 将元素的font-size、line-height、width和height设置为0
• 设置元素的transform的translateX或者translateY的值为-100%