学习display
来源:互联网 发布:京东物流java笔试题 编辑:程序博客网 时间:2024/05/17 08:58
一、常用display
1、div{display:block} 有换行作用。
2、div{display:None } 隐藏对象及对象内容。
3、div{display:Inline } 在一排显示。
二、各种值
block :此元素将显示为块级元素,此元素前后会带有换行符。
none :隐藏对象。与visibility属性的hidden值不同(下面)
inline :内联对象的默认值。此元素前后不会带有换行符。
inherit 规定应该从父元素继承 display 属性的值。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
table-row 此元素会作为一个表格行显示(类似 <tr>)。
table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
table-column 此元素会作为一个单元格列显示(类似 <col>)
table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
table-caption 此元素会作为一个表格标题显示(类似 <caption>)
三、display:none与Visibility:hidden的区别
Visibility:当元素被隐藏之后,就不能再接收到其它事件了,是隐藏元素但保持元素的浮动位置,
display: display实际上是设置元素的浮动特征。display被设置:none,这时元素实际上就从页面中被移走,它下面所在的元素就会被自动跟上填充。
1、div{display:block} 有换行作用。
2、div{display:None } 隐藏对象及对象内容。
3、div{display:Inline } 在一排显示。
二、各种值
block :此元素将显示为块级元素,此元素前后会带有换行符。
none :隐藏对象。与visibility属性的hidden值不同(下面)
inline :内联对象的默认值。此元素前后不会带有换行符。
inherit 规定应该从父元素继承 display 属性的值。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
table-row 此元素会作为一个表格行显示(类似 <tr>)。
table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
table-column 此元素会作为一个单元格列显示(类似 <col>)
table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
table-caption 此元素会作为一个表格标题显示(类似 <caption>)
三、display:none与Visibility:hidden的区别
Visibility:当元素被隐藏之后,就不能再接收到其它事件了,是隐藏元素但保持元素的浮动位置,
display: display实际上是设置元素的浮动特征。display被设置:none,这时元素实际上就从页面中被移走,它下面所在的元素就会被自动跟上填充。
0 0
- 学习display
- display学习笔记
- 转:display学习小记
- css position,display 学习
- WiFi-Display协议学习
- display:flex属性学习
- Display属性学习总结
- Display Tag 学习(转)
- 阅读学习--display (1)
- css布局学习1--display
- Seed引擎学习之display
- H3C S3600 命令学习-display
- CSS学习笔记:display:flex
- display:table-cell 学习笔
- FPGA学习之display任务
- css学习笔记之display
- display
- display
- 定义一个C语言结构体的一般形式
- 插入排序
- 关于WINSOCK.H与winsock2.h中的重定义解决办法分析
- uinty3d之触摸(一)
- DSP中OCP的概念
- 学习display
- 研发周报:编程语言中一些令人抓狂的规则
- C语言结构类型变量的说明
- orclce数据库中的企业管理器
- Qt5.2.1 virtualbox 安装后welcome界面没有出现 原因
- C/C++宏定义详解
- 2014年美国大学生数学建模竞赛翻译及建模思路
- 字符串输入
- ORACLE 高效的分页效果