我当时回答的是,二者均能实现隐藏元素,但是将元素设置为display:none;之后,会同时取消该元素之前占据的文档流空间,但是visibility:hidden;使得该元素即使不显示,但是依旧会占据空间。当时是电话面试,我回答了之后,对方也没有再继续问与display相关的知识。现在想起来,真的是庆幸,如果人家问我与display相关的知识,display:inline-block使用时需要注意的地方。我肯定也打不上来。前几天练习写导航时,由于总需要将一些行内元素或块级元素设置成为行内块级元素,所以我就想到display:inline-block但是,我发现这是个属性值还是有些学问的。推荐这篇文章。IE5.5开始,就已经开始支持inline-block,但是要知道IE5.5是在2000年正式推出,但是W3C在2002年才开始将这个属性值加到css2.1草案中。
1. display:none与visibility:hidden之间有哪些区别
简介:我当时回答的是,二者均能实现隐藏元素,但是将元素设置为display:none;之后,会同时取消该元素之前占据的文档流空间,但是visibility:hidden;使得该元素即使不显示,但是依旧会占据空间。当时是电话面试,我回答了之后,对方也没有再继续问与display相关的知识。现在想起...
2. display:none;与visibility:hidden;的区别
简介:我当时回答的是,二者均能实现隐藏元素,但是将元素设置为display:none;之后,会同时取消该元素之前占据的文档流空间,但是visibility:hidden;使得该元素即使不显示,但是依旧会占据空间。当时是电话面试,我回答了之后,对方也没有再继续问与display相关的知识。现在想起...
简介:display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,经过亲自实验,我发现使用 visibility:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域,而 display:none属性会使这个对象彻底消失(看不见也摸不到)。
4. [HTML/CSS]display:none和visibility:hidden的区别_html/css_WEB-ITnose
简介:[HTML/CSS]display:none和visibility:hidden的区别
5. display:none与visibility:hidden不同的隐藏
简介:相同点:display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。区别:visibility:hidden--为隐藏的对象保留其物理空间display: none--不为被隐藏的对象保留其物理空间
【相关问答推荐】:
javascript - 如何用jquery取visibility:hidden 的值?
javascript - backface-visibility:hidden 不支持IE么?有没有别的解决办法
以上是关于visibility:hidden的5篇文章推荐的详细内容。更多信息请关注PHP中文网其他相关文章!