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

cssdisplay属性的值及用法_css中display怎么做显示或隐藏

作者:小编 更新时间:2023-07-07 13:12:53 浏览量:126人看过

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

block 块元素,单独一行显示唤搭,可以有宽、高

cssdisplay属性的值及用法_css中display怎么做显示或隐藏-图1

inline 行级敏雀元素,在同一行显示,宽高设置无效

inline-block 在同一行显示,宽高有效

超链接

当你鼠标移过到文字的时候,超链接有效果!

而当我把样式这样设置:

鼠标移到文字周围100*100的地方,就有超链接效果了,就是把100*100做为一块来的超链接!

none : CSS1隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

inline : CSS1肢姿内联对象的默认值。用该值将从对象中删除行

compact : CSS2分配对象为块对象或基于内容之上的内联对象

marker : CSS2指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用

cssdisplay属性的值及用法_css中display怎么做显示或隐藏-图2

inline-table : CSS2将表格显示为无前后换行的内联对象或内联容器

list-item : CSS1将块对象指定为列表项目。并可以添加可选项目标志

run-in : CSS2分配对象为块对象或基于内容之上的内联对象

table : CSS2将对象作为块元素级的表格显示

table-caption : CSS2将对象作为表格标题显示

table-cell : CSS2将对象作为表格单元格显示

cssdisplay属性的值及用法_css中display怎么做显示或隐藏-图3

table-column : CSS2将对象作为表格列显示

table-column-group : CSS2将对象作为表格列组显示

table-header-group : CSS2将对象作为表格标题组哪岁显示

table-footer-group : CSS2将对象作为表格脚注组显示

table-row : CSS2将对象作为表格行显示

table-row-group : CSS2将对象作为表格行组显示

2、visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。

以上就是土嘎嘎小编大虾米为大家整理的cssdisplay属性的值及用法_css中display怎么做显示或隐藏相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

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

编辑推荐

热门文章