CSS之display用法

好久木有来更新了,最近调样式用的最多的就是display属性,下面来整理记录并分享下display的各个用法:

display属性用来规定元素生成框的类型。默认为inline;
1)inline:显示为内联元素,此元素前后无换行符。
2)inline-block:显示为行内块元素。
3)block:显示为块级元素,此元素前后会带有换行符。
4)list-item:显示为列表元素。
5)run-in:根据上下文作为块级元素或内联元素。
6)table:显示为块级表格元素,类似于table,表格前后带有换行符。
7)inline-table:显示为内联表格元素,类似于table,表格前后没有换行符。
8)table-row-group:显示为一个或多个行的分组元素,类似于tbody。
9)table-header-group:显示为一个或多个行的分组元素,类似于thead。
10)table-footer-group:显示为一个或多个二行的分组元素,类似于tfoot。
11)table-row:显示为一个表格行元素,类似于tr。
12)table-column-group:显示为一个或多个列的分组元素,类似于colgroup。
13)table-column:显示为一个列单元格元素,类似col。
14)table-cell:显示为一个表格单元格元素,类似于td和th。
15)table-caption:显示为一个表格标题元素,类似于caption。
16)none : 不被显示
17)inherit:继承父元素display属性的值。

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值