这篇文章主要介绍了css中display属性的值是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css中display属性的值是什么文章都会有所收获,下面我们一起来看看吧。
创新互联公司2013年至今,先为大兴等服务建站,大兴等地企业,进行企业商务咨询服务。为大兴企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
css display属性的值有:none、block、inline、inline-block、list-item、run-in、compact、marker、table、inline-table、table-cell、inherit等等。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
display 属性规定元素应该生成的框的类型。
display属性的值
值 | 描述 | 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 | 此元素会作为一个表格标题显示(类似 ) | inherit | 规定应该从父元素继承 display 属性的值。 | 关于“css中display属性的值是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css中display属性的值是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。
名称栏目:css中display属性的值是什么
分享路径:http://chengdu.cdxwcx.cn/article/gdghgd.html
| |