为什么通过Javascript显示/隐藏HTML元素会把它放在另一行?

Why does displaying/hiding an HTML element via Javascript put it on a new line?

本文关键字：一行 显示 Javascript 隐藏 元素 HTML 为什么      更新时间：2023-09-26

我有这个页面:http://www.problemio.com/problems/problem.php?problem_id=214

在屏幕的中下方有一个"建议解决方案"的链接。如果单击它，它会调用一个JS函数来隐藏它，并在其位置显示一个diff元素。由于某种原因，它把另一个元素放在下一行，这看起来很尴尬。

你知道为什么会这样吗?我看不懂

包含链接Suggest a solution的<a>标签设置为display: block;，导致前后断行

使用$("#show_existing_suggestions").hide()/show()来实现相同的效果，而不是添加样式。我在home Developer工具上尝试了它，它像预期的那样工作…试试吧:)

锚点默认是块元素。你需要将它们的样式设置为内联。

相关文章：