设置元素的和拿拿显示方式
block 块元素,单独一行显示唤搭,可以有宽、高
inline 行级敏雀元素,在同一行显示,宽高设置无效
inline-block 在同一行显示,宽高有效
超链接
当你鼠标移过到文字的时候,超链接有效果!
而当我把样式这样设置:
鼠标移到文字周围100*100的地方,就有超链接效果了,就是把100*100做为一块来的超链接!
none : CSS1隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1肢姿内联对象的默认值。用该值将从对象中删除行
compact : CSS2分配对象为块对象或基于内容之上的内联对象
marker : CSS2指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2分配对象为块对象或基于内容之上的内联对象
table : CSS2将对象作为块元素级的表格显示
table-caption : CSS2将对象作为表格标题显示
table-cell : CSS2将对象作为表格单元格显示
table-column : CSS2将对象作为表格列显示
table-column-group : CSS2将对象作为表格列组显示
table-header-group : CSS2将对象作为表格标题组哪岁显示
table-footer-group : CSS2将对象作为表格脚注组显示
table-row : CSS2将对象作为表格行显示
table-row-group : CSS2将对象作为表格行组显示
各属性值的意义:
none此元素不会被显示。
block此元素将显示为块级元素,此元素前后会带有换行符。
inline默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block行内块元素。(CSS2.1 新增的值)
list-item此元素会作为列表显示。
run-in此元素会根据上下文作为块级元素或内联元素显示。
compactCSS 中有值 compact,不过由于缺乏广泛支持圆侍,已经从 CSS2.1 中删除。
markerCSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
table此元素会作为块级表格来显示(类似
),表格前后带有换行符。
inline-table此元素会作为内联表格来显示(类似
),表格前后没有换行符。
table-row-group此元素会作为一个或多个行的分组来显示(类似
)。
table-header-group此元素会作为一个或多个行的分组来显示(类似
table-footer-group此元素会作为一个或多个行的分组来显示腊好(类似
table-row此元素会作为一个表格行显示(类似
table-column-group此元素会作为一个或多个列的分组来显示(类似 )。
table-column此元素会作为一个单元格列显示(类似 )
table-cell此元素会作为一个轮腔铅表格单元格显示(类似
和
)
table-caption此元素会作为一个表格标题显示(类似 )
1 用作显隐
2 用来做 行内元素 到块级元素的转换
以上就是土嘎嘎小编大虾米为大家整理的display的属性值及其作用_如何理解CSS的display属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!