当前位置: 首页 > 面试题库 >

如何隐藏元素而不让它们在页面上占用空间?

冯奇思
2023-03-14
问题内容

visibility:hidden用来隐藏某些元素,但是它们在隐藏时仍会占用页面上的空间。

我如何才能使它们在视觉上完全消失,就像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?


问题答案:

尝试设置display:none为隐藏并设置display:block为显示。



 类似资料:
  • 问题内容: 好吧,我有些困惑。 我试图考虑来自jQuery背景的角度方式。 问题:如果窗口不滚动,我只想隐藏一个固定的元素。如果有人向下滚动页面,我想隐藏该元素。 我尝试创建一个自定义指令,但由于滚动事件未触发,因此无法使其正常工作。我在想一个像下面这样的简单控制器,但是它甚至没有运行。 控制器: 视图 实时预览 http://www.thewinetradition.com.au/new/#/p

  • 本文向大家介绍在页面上隐藏元素的方法有哪些?相关面试题,主要包含被问及在页面上隐藏元素的方法有哪些?时的应答技巧和注意事项,需要的朋友参考一下 利用 dispaly disaplay: none; 页面不会渲染 visibility: hidden; 页面会渲染只是不限显示 opacity: 0; 看不见,但是会占据空间 利用 position (absolute 的情况下) left/right

  • 问题内容: 我正在制作一个在大JPanel上方显示三个JToolBar的GUI的过程中。这些工具栏总体上非常大,因此如果它们到达JFrame边界,我将使用FlowLayout使其缠绕到下一行。问题是,当它们换行到下一行时,它们将由下面的JPanel隐藏。.我希望我可以强制包含工具栏的JPanel增长到足以显示所有工具栏的程度。 有没有办法做到这一点?还是有其他方法可以使这些工具栏可见? 问题答案:

  • 这是这样的场景:我有一个表格,其中有具有动态高度的单元格。在每个单元格中,我都有一个标签和一个开关。当我运行应用程序时,只能看到这两个,但然后我将开关设置为true,然后在这两个元素下出现一个(隐藏的?)文本视图,使单元格的高度更大。 我该怎么做呢?因为当我尝试隐藏元素时,也会出现。 我该怎么做?我尝试使用新的堆栈视图,它可以很好地处理它,但不是在表格单元格中。 我如何解决这个问题?

  • 在某些情况下,我需要完全隐藏分页控件中的页面更改按钮,但隐藏区域可能已被页面占用,即向下扩展。 在这个带有分页的窗口示例中,我想隐藏灰色区域并将天空色区域扩大到隐藏区域。 我该怎么做? 我试过这个: 但它没有隐藏灰色区域,也没有拉伸天空颜色的页面区域。

  • html正在打印表中的所有API数据。产品和组件当组件为空时,表格不应打印产品。最好的方法是什么?我用的是角度8 产品={"id": 1,"name":"John","组件": [ { "id": 130,"name":"Price", } ] "isSelected": false} 产品={“id”:2,“name”:“name”,“components”:[]}