javascript - 如何根据内容调整asp占位符大小

Question

我有一个 placeHolder，它包含很少的元素，其中之一是 tgl div，通过单击 OpenTime 按钮可以显示或隐藏 tgl div。我的问题是 placeHolder OpenTime 大小是静态的，当隐藏 tgl 可见性时，placeHolder 占用不必要的空间。 是否可以根据内容更改占位符大小？ 我必须使用 placeHolder。

//HTML

<asp:PlaceHolder runat="server" ID="OpenTime" >     
      <input type="button" id="open" onclick="toggleDiv()" value="Edit Time" style="width:130px"/>
    <div id="tgl" style="visibility:hidden;overflow:hidden;min-height:1px">             
        <div id="majinDiv" style="width: 600px"; ></div>
    </div><br />

Answer 1

使用 display: none; css 而不是 visibility:hidden;

display: block; 显示元素。

visibility 控制可见性，但空间仍然保留。但是 display:none 会清除空间，就好像元素根本不存在一样。