CSS Display(显示)和visibility(可见性)
来源:互联网 发布:人肉搜索引擎软件 编辑:程序博客网 时间:2024/06/14 11:34
1.display属性设置一个元素如何显示,visibility指定一个元素可见还是隐藏
隐藏元素-display:none或visibility:hidden
visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。
display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。
2.display-块和内联元素
块元素是一个元素,占用了全部宽度,在前后都是换行符。
块元素的例子:
- <h1>
- <p>
- <div>
内联元素只需要必要的宽度,不强制换行。
内联元素的例子:
- <span>
- <a>
下面的示例把列表项显示为内联元素:
li {display:inline;}
下面的示例把span元素作为块元素:
span {display:block;}
0 0
- CSS Display(显示)和visibility(可见性)
- CSS Display(显示) 与 Visibility(可见性)
- CSS Display(显示) 与 Visibility(可见性)
- CSS-display(显示)与visibility(可见性)
- CSS Display(显示) 与 Visibility(可见性)
- CSS 可见性 display overflow visibility
- CSS中元素的隐藏和显示(visibility, display)
- CSS属性display和visibility
- CSS属性display和visibility
- 一段代码弄清楚CSS属性display和visibility的差别,以及dom元素可见的条件
- style属性中display和visibility控制可见性的不同
- CSS中Visibility和Display的区别
- CSS中Visibility和Display的区别
- CSS : Visibility 和 Display 属性的比较
- CSS : Visibility 和 Display 属性的比较
- CSS display:none和visibility:hidden区别
- CSS : Visibility 和 Display 属性的比较
- CSS display:none和visibility:hidden区别
- poj----3259
- 各大Oj平台介绍
- java获取汉字拼音首字母
- Dalvik VM和JVM的比较
- PHP的spl_autoload_register用法
- CSS Display(显示)和visibility(可见性)
- poj----2253
- 网易云课堂 计算机入门 期末 编程题
- PMP学习笔记(1)工作分解结构-资源分解结构-职责分配矩阵-资源日历
- [线性DP]奶牛的锻炼
- 前言
- tjut 4899
- 【打CF,学算法——一星级】CodeForces 701A Cards(水题)
- UVA196Spreadsheet