我有3个按钮在一行在我的asp.net页面上,我使用javascript设置按钮在中间(ButtonSR)不可见,但通过这样做,我也希望它下面的按钮来代替它的位置,而不是留下一个空白的空间。以下是我为这三个按钮编写的asp.net代码:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Editing <b class="caret"></b></a>
<span class="dropdown-arrow"></span>
<ul class="dropdown-menu">
<li><a href="#" id="ButtonLR" class="btn btn-inverse" style="font-weight:bold; color:white">  Load Resources</a></li>
<li><asp:Button ID="ButtonSR" Text="Save Resources " runat="server" CssClass="btn btn-inverse" onclick="ButtonSR_Click" /></li>
<li><a href="#" id="historyBtn" class="btn btn-inverse" style="font-weight:bold; color:white">  History</a></li>
</ul>
</li>
下面是设置按钮不可见的javascript代码:
document.getElementById('ButtonSR').style.visibility = 'hidden';
我如何使historyBtn采取ButtonSR的地方在javascript设置ButtonSR不可见后,为了避免空白的空间在我的页面?
使用
document.getElementById('ButtonSR').style.display="none";
下面是关于visibility: hidden
和display:none
的更多信息可见性:隐藏和显示:无之间的区别是什么?
我很确定通过使用jquery .hide()代替javascript的样式。Visibility ='hidden'按钮不会留下空白
假设你有可用的jquery比如:
$('#ButtonSR').hide();