`
yyyyy5101
  • 浏览: 153026 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

display visibility

阅读更多
如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素,但它的位置不能被占了,那该怎么实现呢。

  突然发现css还有一个visibility属性,用 visibility:hidden;可以很方便实现隐藏元素在前台的显示,但它的位置不会被后边的元素抢占。

如果用visbility:hidden隐藏,在调用jquery的  $("#id").show 不会显示,  对使用
display:none隐藏的 可以
分享到:
评论

相关推荐

    CSS隐藏元素 display visibility opacity的区别.docx

    在CSS中,隐藏元素的方法主要有三种:`display:none`、`visibility:hidden`和`opacity:0`,它们各自有不同的特点和适用场景。 1. `display:none`:此属性会使元素完全从页面布局中消失,不占据任何空间。元素及其...

    display与visibility的区别

    ### Display与Visibility的区别 在网页布局与样式设计中,`display`与`visibility`属性是控制元素显示状态的两种常用方式。尽管它们都能达到隐藏或显示元素的目的,但两者之间存在本质的区别。本文将深入探讨这两种...

    对比: display, visibility(有代码)

    在网页设计和开发中,`display` 和 `visibility` 是两个非常重要的CSS属性,它们用于控制元素在页面上的可见性和布局。这篇博客文章通过代码示例深入探讨了这两个属性的区别和用法。 首先,`display` 属性主要用于...

    display和visibility的区别

    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。 vilibility:hidden(隐藏)、visible(显示) style="vislbility:hidden" display:none(隐藏)、block(显示) style="display:none" 可以保存...

    display和visibility的区别示例介绍

    在网页布局和样式设计中,`display` 和 `visibility` 是两个非常重要的CSS属性,它们都能用来控制元素的可见性,但实现方式和效果大不相同。本篇文章将深入探讨两者之间的区别,并通过示例来具体说明。 首先,`...

    JS中style.display和style.visibility的区别实例说明.docx

    JS 中 style.display 和 style.visibility 的区别实例说明 在 JavaScript 中,style.display 和 style.visibility 是两种常用的控制元素显隐的方法,但是它们之间有着根本的区别。 style.display style.display ...

    CSS Display与Visibility的不同

    在CSS布局中,`display`和`visibility`是两个非常重要的属性,它们分别负责控制元素的显示方式和可见性。虽然两者都能使元素在页面上不可见,但它们的机制和影响是不同的。 首先,`visibility`属性主要用于决定元素...

    11_元素的隐藏-display-visibility.html

    11_元素的隐藏-display-visibility

    CSS 层定位FLOATDISPLAYVISIBILITY

    "CSS 层定位 FLOAT DISPLAY VISIBILITY" 这个主题涵盖了CSS中的几个核心概念,它们对于创建动态、响应式的网页至关重要。下面我们将深入探讨这三个属性的作用以及它们如何协同工作。 1. **浮动 (FLOAT)** 浮动是...

    CSS:Visibility 和 Display 属性的比较.pdf

    `visibility`属性主要控制元素是否可见,而`display`属性则涉及元素在页面布局中的存在与否。 `visibility`属性有四个可选值:`visible`(默认值,元素可见)、`hidden`(元素不可见但保留空间)、`collapse`(仅对...

    CSS:Visibility和Display属性的比较.pdf

    在实际应用中,选择使用`visibility`还是`display`通常取决于你需要的效果。如果你希望隐藏元素但保留其在页面上的位置,`visibility: hidden`是合适的。如果你希望元素完全从布局中消失,让其他内容填补其位置,...

    css2中文手册 学习css的必选

    clear float clip overflow overflow-x overflow-y display visibility 外补丁 Margins margin margin-top margin-right margin-bottom margin-left 轮廓 Outlines outline outline-color outline-style ...

    通过display或visibility来隐藏html元素

    为了实现这一功能,CSS提供了display和visibility两个属性,它们可以控制元素是否显示,但是它们的工作原理和影响效果有所不同。 ### display属性 display属性用于设置HTML元素的显示方式。它有多种可能的值,比如...

    css中display和visibility的用法和区别介绍

    在CSS中,`display`和`visibility`两个属性都是用于控制元素在页面上的显示状态,但它们的作用方式和效果有着显著的区别。 `display`属性主要影响元素的布局和类型。它有多种不同的值: 1. `block`:将元素转换为...

    visiblity:hidden和display:none的差异

    在网页设计和开发中,CSS 属性 `visibility` 和 `display` 都被用来控制元素的可见性,但它们之间存在显著的差异。本文将详细阐述这两种属性的区别以及它们对页面布局、性能和SEO的影响。 首先,`visibility` 属性...

    CSS属性中Display与Visibility区别分析

    在CSS中,`display`和`visibility`两个属性都是用于控制元素的可见性,但它们之间存在着本质的区别。首先,`visibility`属性主要用于决定元素是否可见,而不改变元素的布局。当`visibility`设置为`hidden`时,元素的...

    通过display或visibility来实现HTML元素的显示与隐藏

    其次,visibility属性也影响元素的可见性,但它与display的不同之处在于,当元素的visibility设置为"hidden"时,元素虽然不可见,但它仍然占据原来的空间。换句话说,元素不会显示,但其在页面上的位置仍然被保留。...

Global site tag (gtag.js) - Google Analytics