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

css中display属性的取值_如何理解CSS的display属性

作者:小编 更新时间:2023-07-27 16:08:15 浏览量:282人看过

定义和用法

说明

注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去除了。

默认值: inline

继承性: no

版本: CSS1

实例

使段落生出行内框:

p.inline

{

}

TIY

浏览器支持

注释:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 属性值。

可能的值

值 描述

none 此元素不会被显示。

block 此元素将显示为块级元素,此元素前后会带有换行符。

inline 默认。此元素会被显示为内联元运核侍素,元素前后没有换行符。

inline-block 行内块元素。(CSS2.1 新增的值)

list-item 此元素会作为列表显示。

run-in 此元素会根据上下文作为块级元素或内联元素显示。

compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。

marker CSS 中有值 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 此元素会作为一个表格标题显示(类似 )

看你写的dom应该是希望找到那个div是显示的,可以用 $('div:visible').index(),个人启宽建议给你想判断的悄颤亮div加上相同的类洞衫

也可以用js写巧手:

以上就是土嘎嘎小编大虾米为大家整理的css中display属性的取值_如何理解CSS的display属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

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

编辑推荐

热门文章