在CSS中隐藏页面元素有多种方法。 可以通过将opacity设置为0、将visibility设置为hidden、将display设置为none等来隐藏元素。
使用display属性隐藏元素时，css不会占用空间。
display属性根据词义真正隐藏元素。 如果将display属性设置为none，则不显示元素，也不生成长方体模型。 使用此属性时，隐藏的元素不占用任何空间。
不仅如此，当display设置为none时，直接与该元素进行用户交互也没有效果。 另外，即使阅读屏幕软件也无法阅读要素的内容。 这种方法的效果就像完全不存在元素一样。
此元素的后代元素也同时隐藏。 向该属性添加过渡没有效果，并且状态值切换始终立即生效。
但是，请注意，也可以通过DOM访问此元素。 所以你可以在DOM上操作那个。 就像操作其他元素一样。 hide {
显示：无；
}
示例：
HTML中文网h1.hidden {display:none； }
这是一个可显示的标题。 这是隐藏标题。 请注意，实例中的隐藏标题不会占用空间。
效果图表：