如何创建一个隐藏的div而不会造成换行或水平空格？
如何创建一个隐藏的div而不会造成换行或水平空格？
提问于 2010-01-03 01:00:01
我想有一个隐藏的复选框，不占用屏幕上的任何空间。
如果我有这个：
<div id="divCheckbox" style="visibility: hidden">我没有看到复选框，但它仍然创建了一个新的行。
如果我有这个：
<div id="divCheckbox" style="visibility: hidden; display:inline;">它不再创建新的线条，但它占据了屏幕上的水平空间。
有没有一种方法可以让隐藏的div不占用空间(垂直或水平？
回答 5
Stack Overflow用户
发布于 2010-01-03 01:02:26
使用style="display: none;"。而且，您可能不需要DIV，只需在复选框中将样式设置为display: none就足够了。
Stack Overflow用户
发布于 2014-01-30 00:55:33
由于您应该关注CSS中的可用性和通用性，而不是使用id来指向特定的布局元素(这会导致巨大的或多个css文件)，因此您可能应该在链接的.css文件中使用真正的类：
.hidden {
visibility: hidden;
display: none;
}或者对于极简主义者：
.hidden {
display: none;
}现在您可以通过以下方式简单地应用它：
<div class="hidden"> content </div>Stack Overflow用户
发布于 2010-01-03 02:02:36
除了CMS的answer之外，您可能需要考虑将样式放在外部样式表中，并将样式分配给id，如下所示：
#divCheckbox {
display: none;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1992114
复制相关文章
相似问题