为什么通过Javascript显示/隐藏HTML元素会将其置于新行？

Question

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

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

你知道为什么会这样吗？我无法弄明白：）

Answer 1

包含链接<a>的{​​{1}}标记设置为Suggest a solution这会导致之前和之后的中断。

Answer 2

使用$("#show_existing_suggestions").hide() / show()来实现相同而不是添加样式。我在Chome Developer工具上尝试了它并按预期工作...试一试：）

Answer 3

默认情况下，锚点是块元素。你需要将它们设计成内联样式。