千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  css 隐藏元素有哪几种方法?

css 隐藏元素有哪几种方法?

来源:千锋教育
发布人:lxx
时间: 2023-04-25 10:02:39

  1.display:none

     2.Jquery:show(),hide(),toggle()方法就是通过改变display的值来实现变化效果的。

     3.visibility:hidden: 和display:none的区别在于,元素在页面消失后,占据的空间依旧会保留着,但是display:none不会,所以它只会导致浏览器重绘而不会回流,因此,visibility:hidden适用于那些元素隐藏后不希望页面布局发生变化的场景;

千锋教育

     4.opacity:0 (透明度,元素本身不会隐藏,会引起重绘)

     5.overflow:hidden

     6.position: absolute: 把元素脱离文档流移出视觉区域,既不会影响布局,又能让元素保持可以操作。应用该属性后,主要就是通过控制方向(top,left,right,bottom),达到一定的值,离开当前页面。 clip-path(不常用)

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

数组的常用方法(至少说出8个)

2023-04-13

用hooks编程的话如何取模拟生命周期

2023-04-11

说说setState

2023-03-30

最新文章NEW

在业务中,初始数据的获取用在那些生命周期方法中

2023-04-11

Java与H5、大数据、物联网等学科对比的优势

2023-03-31

做过那些优化(react或者vue)、前端优化

2023-03-30

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>