博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS display 属性详解
阅读量:6369 次
发布时间:2019-06-23

本文共 1016 字,大约阅读时间需要 3 分钟。

  定义display

  属性设置是否及如何显示元素。

  继承性:

  No

  说明

  这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display

  谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的

  这种层次结构,所有 display 是绝对必要的。

  注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去

描述
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>)

转载于:https://www.cnblogs.com/xupeiyu/p/3573675.html

你可能感兴趣的文章
Git常用命令集
查看>>
Linux CentOS重新生产后,目录下找不到网卡配置文件
查看>>
MySQL配置优化需要避免的误区
查看>>
Mybatis Plus 2 升到 Mybatis Plus 3 时,oracle 自增序列的相关问题
查看>>
spring cloud构建互联网分布式微服务云平台-服务网关zuul
查看>>
centos安装gitlab并进行数据迁移
查看>>
新手建站图文教程
查看>>
《复杂系统突现论》读后
查看>>
(六)Dokcerfile
查看>>
AI药物研发公司 Exscientia 为 GSK 交付治疗 COPD 的候选药物
查看>>
ios整理(六)关于用富文本在tableview的cell去加载html字符串的优化方案
查看>>
杭州妞诺科技获TalkingData Capital战略投资,将AI用于神经学科诊疗
查看>>
机器视觉技术在表面缺陷检测方面的发展趋势
查看>>
[C语言]日期间天数差值的计算
查看>>
windows 编程
查看>>
ASP.NET Core 基础教程 - ASP.NET Core 基础教程 - 简单教程,简单编程
查看>>
动态rem解决移动前端适配
查看>>
WPF MVVM中在ViewModel中关闭或者打开Window
查看>>
页面搜索引擎优化技术将提升你的排名
查看>>
unity3d自定义Toggle组件,解决设置isOn自动调用方法
查看>>