隐藏元素

简介: 隐藏元素。

隐藏元素 - display:none或visibility:hidden
隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是请注意,这两种方法会产生不同的结果。
visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。
实例
h1.hidden {visibility:hidden;}
尝试一下 »
display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。
实例
h1.hidden {display:none;}
CSS Display - 块和内联元素
块元素是一个元素,占用了全部宽度,在前后都是换行符。
块元素的例子:


内联元素只需要必要的宽度,不强制换行。

内联元素的例子:


目录
相关文章
|
9月前
|
Web App开发 前端开发 JavaScript
如何隐藏一个元素的滚动条
如何隐藏一个元素的滚动条
206 0
几种隐藏元素的方法
几种隐藏元素的方法
49 0
datagrid中动态显示或隐藏某一列的方法(根据条件判断显示和隐藏)
datagrid中动态显示或隐藏某一列的方法(根据条件判断显示和隐藏)
420 0
|
JavaScript 前端开发
jquery控制元素的隐藏和显示的几种方法
jquery控制元素的隐藏和显示的几种方法
607 0
|
移动开发
操作元素样式
操作元素样式
|
前端开发
CSS中有哪些隐藏页面元素的方法?
CSS中有哪些隐藏页面元素的方法?
125 0
元素去掉滚动条,保留滚动功能
元素去掉滚动条,保留滚动功能
128 0
|
前端开发
如何优雅地为列表非首项元素添加样式,关键靠他们。
在开发中我们常常会会遇到列表相关的场景,比如说:卡片列表,导航栏等等。
115 4
如何优雅地为列表非首项元素添加样式,关键靠他们。