美文网首页
元素的显示与隐藏

元素的显示与隐藏

作者: 秋城晚风 | 来源:发表于2022-07-17 10:21 被阅读0次

类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!

本质:让一个元素在页面中隐藏或者显示出来。

4.1 display属性

display属性用于设置一个元素应如何显示。

display: none; 隐藏对象

display: block; 除了转换为块级元素之外,同时还有显示元素的意思

display隐藏元素后,不再占有原来的位置

后面应用及其广泛,搭配JS可以做很多的网页特效。

4.2visibility可见性

visibility属性用于指定一个元素应可见还是隐藏。

visibility: visible;元素可视

visibility: hidden;元素隐藏

visibility隐藏元素后,继续占有原来的位置。

如果隐藏元素想要原来位置,就用visibility : hidden

如果隐藏元素不想要原来位置,就用display: none(用处更多 重点)

4.3overflow溢出

overflow属性指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时,会发生什么。

一般情况下,我们都不想让溢出的内容显示出来,因为溢出的部分会影响布局。

但是如果有定位的盒子,请慎用overflow: hidden 因为它会隐藏多余的部分。

相关文章

  • CSS-高级技巧

    1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点:隐藏之后,不再保...

  • jQuery动态效果学习笔记

    资料来源 W3Cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 显示已经设置隐藏的元素 1....

  • JQuery与JavaScript隐藏显示元素

    JQuery隐藏显示元素 JavaScript显示隐藏元素

  • jQuery动画操作

    一、元素的显示与隐藏 1、hide(元素隐藏)方法 $ele.hide()或.hide("fast / slow"...

  • 元素的显示与隐藏

    在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 ov...

  • 元素的显示与隐藏

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

  • 元素的显示与隐藏

    在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 ov...

  • jQuery-动效

    jQuery显示与隐藏 show([speed,[easing],[fn]])显示隐藏的匹配元素内部的实现原理是根...

  • jQuery动态效果学习篇

    资料来源 w3cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 $(selector).sh...

  • css杂项

    一、元素的隐藏和显示 1、display显示 display:none隐藏某个元素,隐藏之后,不再保留位置 dis...

网友评论

      本文标题:元素的显示与隐藏

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