我想有一个隐藏的复选框,不占用屏幕上的任何空间。
如果我有这个:
<div id="divCheckbox" style="visibility: hidden">
我没有看到复选框,但它仍然创建了一个新行。
如果我有这个:
<div id="divCheckbox" style="visibility: hidden; display:inline;">
它不再创建新的行,但它会占用屏幕上的水平空间。
是否有一种方法可以让一个隐藏的div不占用任何空间(垂直或水平)?
我想有一个隐藏的复选框,不占用屏幕上的任何空间。
如果我有这个:
<div id="divCheckbox" style="visibility: hidden">
我没有看到复选框,但它仍然创建了一个新行。
如果我有这个:
<div id="divCheckbox" style="visibility: hidden; display:inline;">
它不再创建新的行,但它会占用屏幕上的水平空间。
是否有一种方法可以让一个隐藏的div不占用任何空间(垂直或水平)?
当前回答
#divCheckbox{显示:none;}
这样就能解决问题了
其他回答
因为你应该关注CSS的可用性和通用性,而不是使用id来指向特定的布局元素(这会导致巨大或多个CSS文件),你应该在链接的.css文件中使用一个真正的类:
.hidden {
visibility: hidden;
display: none;
}
或者对于极简主义者来说:
.hidden {
display: none;
}
现在你可以简单地应用它通过:
<div class="hidden"> content </div>
为了防止复选框占用任何空间而不将其从DOM中删除,请使用hidden属性。
<div hidden id="divCheckbox">
为了防止复选框占用任何空间并将其从DOM中移除,请使用display: none。
<div id="divCheckbox" style="display:none">
#divCheckbox{显示:none;}
这样就能解决问题了
使用style="display: none;"。此外,您可能不需要DIV,只需设置要显示的样式:复选框上没有样式可能就足够了。
使用显示:没有;
<div id="divCheckbox" style="display: none;">
可视性:hidden隐藏了元素,但它仍然占用布局中的空间。 Display: none将元素完全从文档中移除,它不占用任何空间。