The “DISPLAY(显示)“ of the “CSS “ type the use in detail.

annotation(注释):如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 “inline-table”、“run-in”、“table”、“table-caption”、“table-cell”、“table-column”、“table-column-group”、“table-row”、“table-row-group”、以及 “inherit”。

Public

inherit(继承)Inherit the content of this property(特征) of the parent element.
Initial(最初的)
revert(恢复)
unset(未安装上的)

Commonly used ,Simple(常用的,简单的)

none(没有)This element is not displayed.
block(阻塞)This property prevents(阻止) other elements from appearing(出现) on one line, so it defaults to 100 percent of the width of the parent element,Developers can set its width and height, but it still(仍然) prevents(阻止) other elements from appearing on one line.
inline(串联的)This element is set wide(很大) by default according(使一致) to its(它的) own(自己的) content (developer can set left and right margin type, left and right and top and bottom padding type)Developers cannot set its width and height through(通过) CSS.
inline-block(block in line)(in CSS2.1 new add)block of the in the line,developer can set its width and height through CSS.Does not prevent other elements from appearing on one line at the same(同样) time.
list-item(列表-项目)This Property Can Displayed as(作为)a list。Use this property, Double-tagged tags insert pseudo(伪)-elements “::marker” at(在) the first element of the label.
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)

Complex,need with other type the used(复杂的)

contents
flex, inline-flex
grid,inline-grid
flow-root
-webkit-box,-webkit-inline-box

Abolished(废除的)

run-in此元素会根据上下文作为块级元素或内联元素显示。(2015年左右被废除)
compactCSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
markerCSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值