javascript - html 显示 :none causes linebreaks

标签 javascript html css

我有 2 个可点击的图像,我想将它们隐藏起来,并在代码中更远的地方重新出现。但是 display:none 会导致换行,并且它们彼此垂直放置。

<a href=# onclick="Function1()"><img src ="ImageLink" id="Func1" style="display:none;"></a>
<a href=# onclick="Function2()"><img src ="ImageLink" id="Func2" style="display:none;"></a>

最佳答案

Display none 会导致 DOM 发生变化,因为元素已被删除..这可能是原因..然后您可以使用 visibility:hidden ..这对 DOM 没有影响,只会影响元素的可见性

style="visibility:hidden;"

style="visibility:visible;"

关于javascript - html 显示 :none causes linebreaks,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44684677/

相关文章:

javascript - 为什么返回对象的 JavaScript 函数通过引用(对其参数)进行返回?

javascript - 函数在对变量进行操作之前接收所有变量?

javascript - 修改子 div 的 innerHTML

c# - 在 C# 应用程序中打开本地网络上的 .chm 文件

javascript - 取消JS和CSS中的所有动画

JavaScript,如何每 x 秒更改一次 div 标签的背景

javascript - 在 After Effects RenderQueue 对象中定义并应用模板

css嵌入没有滚动条

html - Bootstrap Divs 或 Container 覆盖的背景图像

javascript - 通过电子邮件发送表单 使用 javascript 通过提交字段发送表单