html显示：none导致linebreaks

我有2个可点击的图像，我想隐藏，并再次出现在代码更远的彼此之间。但是显示：没有引起换行符，并且它们被放置在彼此垂直的位置。html显示：none导致linebreaks

<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>

来源

2017-06-21 Blaze Blade

欢迎的StackOverflow，你的问题应该包含一个[**最小的，完整的和可验证的实例**] （HTTP：//堆栈overflow.com/help/mcve）。 – hungerstar

提供的代码没有任何意义：S –

请创建一个显示问题的[fiddle]（http://jsfiddle.net）。我一点都不清楚。 – isherwood

显示没有引起DOM的变化，因为元素被删除..这可能是原因..然后你可以使用visibility：hidden的..这对DOM没有影响，只对元素的可见性

style="visibility:hidden;" 

style="visibility:visible;"

来源

2017-06-21 19:29:24 scaisEdge

如果我将其添加到图像，并稍后删除它，图像似乎变得无法点击？ –

然后，您必须明确地将可见性设置为默认（'可见'）。但我总是通过visiblity隐藏元素，但它仍占用显示页面上的空间。这与你想要达到的目的相反。 – Wolfsblvt

如果您使用可见性，则必须向可见性显示：隐藏和可见性：可见。您不需要删除图像。只是你展示或隐藏图像。通过这种方式，页面中的空间保持不变，只有您看不到图像。否则，如果要删除图像，则必须以某种方式构建html元素，以便在删除组件时不要破坏布局不希望的方式.. – scaisEdge

，如果你想改变的仅仅是防止包装，尝试了这一点：

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

来源

2017-06-21 20:00:07 Afrophysics

html显示：none导致linebreaks

回答

相关问题