Jquery 显示按钮时出现的问题

这是一个有跨度和按钮的div。范围包含一个复选框及其文本

<div style="margin-top:10px;" id="dvCopysave">
    <span id="spancopy">
        <input type="checkbox" id="DynamicCopy" class="checkall" style="font-size: medium;border-width:medium;margin-left:375px" onclick="DynamicCopy_Onclick()" />
        <b> Copy data to other panels </b> &nbsp; &nbsp;
    </span>
    <button id="DynamicAdd" type="button" onclick="DynamicSave_Onclick()">
        Save
    </button>
</div>

---

一切正常，但当spancopy不可见时，“保存”按钮的位置没有改变，仍然保持不变。因此，外观和感觉有一个小问题

设置

可见性

不会影响元素占用的长方体区域。如果还想删除占用的区域，请将该元素的

display

属性设置为

none

设置

可见性

不会影响该元素占用的方框区域。如果还想删除占用的区域，请将该元素的

display

属性设置为

none

，这是因为

…style.visibility='hidden'

<代码>可见性：hidden表示元素在页面上看不到，但已分配空间，因此占用空间。因此，您需要使用

显示

，而不是

可见性

，例如：

...
if(lst.length-1>1)
{
    document.getElementById("spancopy").style.display='block';              
}
else
{
    document.getElementById("spancopy").style.display='none';               
}
...

---

display:none

使元素消失，并且没有为其分配空间。

这是因为

…style.visibility='hidden'

<代码>可见性：hidden表示元素在页面上看不到，但已分配空间，因此占用空间。因此，您需要使用

显示

，而不是

可见性

，例如：

...
if(lst.length-1>1)
{
    document.getElementById("spancopy").style.display='block';              
}
else
{
    document.getElementById("spancopy").style.display='none';               
}
...

---

display:none

使元素消失，且没有分配空间。

这是正确答案。你领先我一分钟。干得好，伙计。这是正确的答案。你领先我一分钟。好工作伙伴