Login
网站首页 > 文章中心 > 其它

display的属性值及其作用_如何理解CSS的display属性

作者:小编 更新时间:2023-07-27 07:21:33 浏览量:166人看过

设置元素的和拿拿显示方式

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属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章