当前位置: 首页 > 知识库问答 >
问题:

隐藏div,但保持空白

岳彬炳
2023-03-14

我有以下div元素:

.description {
  color: #b4afaf;
  font-size: 10px;
  font-weight: normal;
}
<div class="description">Some text here</div>

然后我在一个元素上有一个点击功能来隐藏上面的div:

$('#target').click(function(){
  $(".description").hide();
});

当我隐藏div时,它会塌陷,不再占用空间。这弄乱了我的页面布局。

有没有办法隐藏div,但仍然保持它之前占用的空间?我不想改变字体颜色,因为它仍然是可选择的。

共有3个答案

濮阳宁
2023-03-14

尝试:

$(".description").css("visibility", "hidden")

隐藏()等价于:$("。描述")。css("显示","无");

它不保留元素占用的空间。

Hidden使元素不可见,但仍保留空间。

鞠建安
2023-03-14

为了完整性,还有另一种选择。切换透明度:

$(".description").css('opacity', 0); // hide
$(".description").css('opacity', 1); // show

http://jsfiddle.net/KPqwt/

然而,对于这项任务,最好使用可见性

易博文
2023-03-14

为此使用可见性css属性

能见度:

可见性属性指定是否渲染元素生成的框。

$(".description").css('visibility', 'hidden');

演示:小提琴

 类似资料:
  • 问题内容: 我有一些服务器端HTML输出,我无法使用纯CSS来处理,本质上DIV有时适用: 要么 要么 要么 当DIV == 我要删除它。 有任何想法吗? 问题答案: 甚至更好(假设使用jQuery): 编辑:其他答案是好的,但OP想要删除空项目,而不是将其隐藏。

  • 我刚刚把我的超文本标记语言转换成WordPress。你可以在这里看到。我选择了每页显示一篇文章。 但是,我注意到我没有'Previous'链接和div。我现在只有'Next'链接和div。 如果我添加了'Previous'链接和div,我如何在我的主页中隐藏它(这里有最新的条目)?我如何在最后一个条目中隐藏“下一个”链接和div,而在最后一个条目页面中只显示“上一个”链接和div? 我想这个主题更

  • 问题:如果距离为空/null,我试图隐藏一个值。 我尝试了以下操作,但该值仍在显示: 和 什么是实现我所期待的正确方法。 以下是我在coldfusion中定义距离的方式: 当我做以下建议时: ng-show="e.distance===未定义" 当我执行其他建议时,例如ng hide=“e.distance”, 以下是提供商包含的内容:

  • 问题内容: 我想知道,几秒钟后如何在jquery中隐藏div?例如Gmail的邮件。 我已经尽力了,但是无法正常工作。 问题答案: 这将在1秒(1000毫秒)后隐藏div。 如果您只想隐藏而不褪色,请使用。

  • 目前,我正在使用以下代码显示滚动条: 使用此CSS时,滚动条始终可见,这意味着即使div中的内容没有溢出。 当内容符合提到的高度时,我如何隐藏它们?

  • 问题内容: 在隐藏其父级Div的同时如何显示子Div?能做到吗? 我的代码如下: 问题答案: 我认为这是不可能的。 您可以使用javascript将元素拉出,或复制元素然后显示。 在jQuery中,您可以复制一个元素 然后附加到任何适当的可见元素。