displaysdisplay

大家好，今日小科来聊聊一篇关于displays，display的文章，现在让我们往下看看吧！

1、display属性值:none 此元素不会被显示。

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

3、 inline 默认。

4、此元素会被显示为内联元素，元素前后没有换行符。

5、 inline-block 行内块元素。

6、（CSS2.1 新增的值） list-item 此元素会作为列表显示。

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

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

9、 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

10、 table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。

11、 inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。

12、 table-row-group 此元素会作为一个或多个行的分组来显示（类似 ）。

13、 table-header-group 此元素会作为一个或多个行的分组来显示（类似 ）。

14、 table-footer-group 此元素会作为一个或多个行的分组来显示（类似 ）。

15、 table-row 此元素会作为一个表格行显示（类似 ）。

16、 table-column-group 此元素会作为一个或多个列的分组来显示（类似 ）。

17、 table-column 此元素会作为一个单元格列显示（类似 ） table-cell 此元素会作为一个表格单元格显示（类似 和 ） table-caption 此元素会作为一个表格标题显示（类似 ） inherit 规定应该从父元素继承 display 属性的值。

本文到此分享完毕，希望对大家有所帮助。

这篇好文章是转载于：知行礼动