当前位置:知识百科 > 正文

displaynone会占用空间吗_displaynone占位置吗

更新时间:2026-04-17 21:39 阅读量:158

实现div隐藏可以通过设置display、visible和div的大小等实现隐藏世桥效果。cssdisplay属性

display属性规定元素应该生成的框的类型。值为none时,此元素不会被显示。/*示例*/div{display:none;}cssvisibility属性

visibility属性规定元素是否可见。搜春猛值为hidden时表示元素是不可见的。/*示例*/div{visible:hidden;}提示:visible:hidden;和森雀display:none;的区别是,即使不可见的元素也会占据页面上的空间。"display"属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在w3school查看)。设置div的大小实现隐藏

将div的宽度和高度设置为零,也可以达到隐藏的效果。/*示例*/div{width:0px;height:0px;overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零,里面的文本却还是显示。*/}

有定位么?

你在里面加个overflow:hidden;试下 我不知道行不行啊 你可别怪我哦

这里是要隐藏的div,通过jquery.hide()或display:none方式隐藏它,ie6下仍悉扰会在物睁顷旦理上占用空间,后面的对象无法上移;可在各该div对象的后面增加 解决浏览器的不兼容bug

display:none和visible:hidden都桐兄带能把网页上某个元素隐藏起来,但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来尘族说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间局芦没有改变,通俗来说就是看不见但摸得到。

visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着。

display: none----将元素的显示设为无,即在网页中不占任何的位置。

例如有三个table,将中间的一个table hidden掉,你会发现在那个被hidden的table看不见了,但是,中间会行升陆留有很大的一空白,而这个空白就是这档顷个table没有被隐藏时所占的位置

而none的作用更像是把元素从网页中"去除"(当然不是真的去除,笑带只是效果是如此)

例如有三个table,将中间的一个table none掉,你会发现在剩下的两个table中间不会有任何的空白。就好像中间的那个table从来不存在过一样

关掉所有的浏览器,清一下缓存

不应该会占位,,检查是不是还纳卜有外铅茄弯容器或者其它的容器的外,内边距造成。槐闷

最好上个图,留下代码。