Question

我有2个可点击的图像，我想要隐藏，并再次出现在代码的另一个旁边。但是显示：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>

Answer 1

显示无导致DOM的更改，因为元素被删除..这可能是原因..然后你可以使用visibility：hidden ..这对DOM没有影响，只有元素的可见性

style="visibility:hidden;"

style="visibility:visible;"

Answer 2

如果您想要改变的唯一方法是阻止包装，请尝试这样做：

<a href=# onclick="Function1()"><img src ="ImageLink" id="Func1" style="display:none; white-space:nowrap;"></a>

html display：none导致换行符

2 个答案: