显示display元素常见属性整理
来源:互联网 发布:好看的网络拓扑 编辑:程序博客网 时间:2024/05/21 18:48
常用的display属性值:
inherit规定应该从父类元素继承display属性的
none此元素不会被显示并且不占用空间;
block此元素显示为块级元素,此元素前后会带有换行符;
inline默认,此元素会被显示为内联元素,元素前后没有换行符;
inline-block行内块元素,前后无换行符;inherit规定应该从父类元素继承display属性的
在IE浏览器里的IE11中的预览效果图
注:
隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。
但是请注意,这两种方法会产生不同的结果。
visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。
display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。
另一种表达!
display 属性设置或返回元素的显示类型。
HTML 中的元素大多是"内联"或"块"元素:一个内联元素,在其左侧和右侧都是浮动内容。一个块元素填满整个行,并没有什么可显示在其左侧或右侧。
display 属性还允许作者显示或隐藏一个元素。与 visibility 属性类似。然而,如果您设置 display:none,将隐藏整个元素,如果您设置 visibility:hidden,元素的内容将不可见,但元素保持原来的位置和大小。
0 0
- 显示display元素常见属性整理
- 元素显示方式display
- CSS属性 display 显示属性
- CSS属性 display 显示属性
- HTML元素的display属性
- css HTML元素布局及Display属性
- CSS HTML元素布局及Display属性
- HTML元素分类布局以及display属性
- 显示和隐藏元素display&&visibility
- HTML常见基础元素整理
- css的display属性 块级元素 内联元素
- 行内元素、块元素和css属性display
- 显示和隐藏(display属性)
- CSS——display显示属性
- 显示和隐藏(display属性)
- js:div元素display属性与visibility属性的区别
- meta元素常用属性整理
- jQuery slideToggle方法,改变元素display属性值
- 【字符串3】-整数中1出现的次数(从1到n整数中1出现的次数)
- Spring与远程调用RMI、Hessian、Burlap、HttpInvoker、Jax-WS
- button上多一块蓝色
- 汉诺塔III之解题
- Anroid对话框——AlertActivity对话框 PopWindow弹出对话框(二)
- 显示display元素常见属性整理
- Codeforces 548.D Mike and Feet
- ACM中java解题常用方法及准则
- Apple Watch App开发基础
- 进阶项目6-日期结构体
- 河南多校暑期训练-恢复赛 <字典树,最短路,queue,map,模拟,思维>
- LoadRunner简介及结果分析笔记
- POJ 1129 图的染色 暴力
- Visualizing MTBD