Html 不可见的范围是添加空白

Html 不可见的范围是添加空白,html,css,Html,Css,我有一个隐藏的span,它在我的视图中保存了一个ID,这样我就可以跟踪信息,但它添加了空格,并将我的内容推到上方 是否仍有删除此空白的方法?这通常不是问题,直到我的ID号开始从一位数增加到两位数,再增加到三位数,现在在一些元素前面出现了一个尴尬的额外空间。我尝试在样式中添加边距和填充标记,但没有任何效果( 我的跨度是 <span style="visibility:hidden" class="ID col-xs-0">@Html.Displa

我有一个隐藏的span,它在我的视图中保存了一个
ID
,这样我就可以跟踪信息,但它添加了空格,并将我的内容推到上方

是否仍有删除此空白的方法?这通常不是问题,直到我的ID号开始从一位数增加到两位数,再增加到三位数,现在在一些元素前面出现了一个尴尬的额外空间。我尝试在样式中添加边距和填充标记,但没有任何效果(

我的跨度是

<span style="visibility:hidden" class="ID col-xs-0">@Html.DisplayFor(modelItem => item.ID)</span>
@Html.DisplayFor(modelItem=>item.ID)
例如: Randy的ID为7,Mel的ID为1026,这会导致Mel现在出现额外的空白,并使其看起来偏移

注意:我通过移除跨度和所有正确排列的东西来测试这个理论,所以我肯定跨度是导致这个的原因


谢谢!

您是否尝试过span的
display:none
功能?

您是否尝试过span的
display:none
功能?


<span style="visibility:collapse"></span>
hidden
是不可见的,但保留了空间。请将其视为透明的

折叠
不可见,但不保留空白

display:none
应该不起作用,但是当您想使其可见时,您必须记住将显示更改回
inline


hidden
是不可见的,但保留了空间。请将其视为透明的

折叠
不可见,但不保留空白


display:none
应该不起作用,但是当你想让它可见时,你必须记得将显示改回
inline

Neato!谢谢!!我会在计时器过期时标记正确。Neato!谢谢!!我会在计时器过期时标记正确。
可见性:hidden
表示内容隐藏,隐藏仅。它仍然是文档流的一部分,尤其会占用其内容所需的空间(随着数量的增加而增加)。
可见性:hidden
表示内容是隐藏的,并且仅隐藏。它仍然是文档流的一部分,尤其会占用其内容所需的空间(这将随着数量的增加而增加)。