bootstrap display属性
2015-10-28 18:08
946 查看
bootstrap display属性
这个属性用于定义建立布局时元素生成的框的类型。对于HTML等文档类型,如果使用display时不谨慎会很危险,因为可能违反HTML中已经定义的显示层次结构。
属性值意义
none 此元素不会被显示
block 此元素将显示为块级元素,此元素前后会带有换行符
inline 默认。此元素会被显示为内联元素,元素前后没有换行符
inline-block 行内块元素(CSS2.1新增的值)
list-item 此元素会作为列表显示
run-in 此元素会根据上下文作为块级元素或内联元素显示
compact CSS中有compact值,不过由于缺乏广泛支持,已经从CSS2.1中删除
marker CSS中有marker值,不过由于缺乏广泛支持,已经从CSS2.1中删除
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>)
inherit 规定应该从父元素继承display属性的值
这个属性用于定义建立布局时元素生成的框的类型。对于HTML等文档类型,如果使用display时不谨慎会很危险,因为可能违反HTML中已经定义的显示层次结构。
属性值意义
none 此元素不会被显示
block 此元素将显示为块级元素,此元素前后会带有换行符
inline 默认。此元素会被显示为内联元素,元素前后没有换行符
inline-block 行内块元素(CSS2.1新增的值)
list-item 此元素会作为列表显示
run-in 此元素会根据上下文作为块级元素或内联元素显示
compact CSS中有compact值,不过由于缺乏广泛支持,已经从CSS2.1中删除
marker CSS中有marker值,不过由于缺乏广泛支持,已经从CSS2.1中删除
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>)
inherit 规定应该从父元素继承display属性的值
相关文章推荐
- rails 使用bootstrap及bootswatch
- bootstrap datatimepicker 汉化
- Bootstrap_Datatable Ajax请求两次问题的解决
- 网页的图片预览效果(bootstrap)
- bootstrap 增加滚动条
- Bootstrap 全局css样式布局之 栅格系统
- bootstrap_table使用总结
- 引入Bootstrap制作登录界面
- 引入Bootstrap制作登录界面
- BootStrap教程完整版
- BootStrap入门教程 (一)
- 利用 Bootstrap 进行快速 Web 开发
- 使用bootstrap-table等自动使用ajax地址载入数据的插件的数据设计建议
- sublime Text安装Bootstrap 3 Snippets
- Bootstrap 栅格系统
- 让IE6 IE7 4000 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 关于bootstrap的datepicker在meteor应用中的使用(不包含bootstrap框架)
- rac下一个/tmp/bootstrap权限问题
- 借助bootstrap框架模仿airbnb写的网页
- bootstrap下拉框