首页 > 代码库 > css display

css display

none 属性直接元素消失,影响元素的层级排列。技术分享

block属性:元素前后加上换行符。技术分享

inline属性: 默认。此元素会被显示为内联元素,元素前后没有换行符。技术分享,并不能设置宽和高。

inline-block: 行内块元素。技术分享,可以设置宽高。

list-item: 此元素会作为列表显示,不需要有ul,ol,li等列表标签也能排布列表格局技术分享

inherit: 从父元素继承 display 属性的值。                

table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
table-row-group: 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
table-header-group: 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
table-row: 此元素会作为一个表格行显示(类似 <tr>)。
table-cell: 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)

table-caption: 此元素会作为一个表格标题显示(类似 <caption>) 

inline-table:此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。

 

table-column: 此元素会作为一个单元格列显示(类似 <col>)

table-column-group: 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。

剩下的这些属性,首先了解一下 表格

技术分享技术分享

然后相应的位置设置属性值即可。 

css display