美文网首页
如何让元素在浏览器中不可见

如何让元素在浏览器中不可见

作者: 没_有_人 | 来源:发表于2017-09-01 21:21 被阅读0次

1,display:none;

display是改变一个元素的显示效果,假如元素使用none值,那么这个元素直接干净利落的消失,不仅在浏览器中不可见,而且会从文档流中删除,对于布局没有任何影响。

2,visibility:hidden;

visibility属性规定元素是否可见。visible默认值。元素是可见的。hidden 元素是不可见的。

使用visibility:hidden;元素不可见,但是会占用浏览器的位置,也就是说,这个元素依然在浏览器中,我们是能摸得到的,只是我们看不到。

3,opacity:0;

opacity设置元素透明度,当元素设值透明度为0的时候,元素就不可见了,就像隐身了一样,和设置visibility:hidden;是差不多的。

4,height:0;overflow:hidden;

设置元素的高度为0,这时候元素的内容会溢出,然后再给元素设置overflow:hidden;超出部分隐藏;就可以实现目的了。

5,position:absolute;top:-999em;

设置元素定位,定位到你看不到的位置。越远越好,也能起到不可见的作用,不推荐;

相关文章

  • 如何让元素在浏览器中不可见

    1,display:none; display是改变一个元素的显示效果,假如元素使用none值,那么这个元素直接干...

  • 浅谈display、visibility和opacity的区别

    共同点:都可以隐藏元素,让元素不可见区别:display: none(1)DOM 结构:浏览器不会渲染 displ...

  • 行高和字号

    1 行高 1 行高就是盒子的高,对吗2 如何让元素中的一行内容在元素中垂直居中3 如何让元素中的多行内容在元素中垂...

  • CSS中如何让元素隐藏的多种方法

    在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不...

  • CSS元素隐藏

    一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间; ...

  • 前端开发常见问题精选(一)

    一、如何在元素自身及其父级宽高不确定的情况下让元素水平和垂直方向上居中? 这个问题最常见的就是让文字在浏览器窗口中...

  • 元素的显示与隐藏

    元素不可见 不占据空间 不渲染 元素不可见 不占据空间 不渲染 但是资源加载.dn{dis...

  • 浮动,定位

    文档流的概念是什么?有那种方式可以让元素脱离文档流? 文档流指的是浏览器在渲染页面时,是根据元素在HTML文档中的...

  • 那些不曾了解的CSS——01

    可见格式化模型box-sizing外边距折叠包含块由元素是如何定位决定。如果不指定该元素的position属性(s...

  • selenium爬虫---不要总是弹出浏览器

    当爬虫页面很多时,不希望总是让浏览器弹出。 参考文章:在爬虫时,如何设置selenium,启动时不弹出浏览器 ch...

网友评论

      本文标题:如何让元素在浏览器中不可见

      本文链接:https://www.haomeiwen.com/subject/ohogdxtx.html