不可见的跨度是添加空格

Question

我有一个隐藏的跨度，在我的视图中保存ID，以便我可以跟踪信息，但它正在添加空格并推送我的内容。

无论如何要删除这个空格？这通常不是问题，直到我的ID号开始从单个增加到双倍然后再增加到三位数，现在它在一些元素前面形成了一个尴尬的额外空间。我尝试在样式中添加边距和填充标记，但没有任何效果。 ：（

我的范围是

<span style="visibility:hidden" class="ID col-xs-0">@Html.DisplayFor(modelItem => item.ID)</span>

实施例： Randy的ID是7，Mel的ID是1026，这会给Mel带来额外的空白，使它看起来偏移。

注意：我通过删除跨度和正确排列的所有内容来测试这个理论，所以我很肯定跨度导致了这一点。

谢谢！

Answer 1

您是否尝试了display: none的跨度？

Answer 2

<span style="visibility:collapse"></span>

hidden是隐形但保留空间。把它想象成透明的。

collapse是不可见的，但不保留空白区域。

display:none应该可以使用，但是当你想让它显示时，你必须记得将显示更改回inline。