CSS display属性

display属性

display主要用来创建页面布局

• none：此时对应元素不会显示，用于隐藏元素

• block：此元素将显示为块级元素，而且先后都会有换行符，能够设置该元素的width以及height

• inline： 默认值，此元素显示为内联元素，元素先后没有换行符，且不能经过width以及height来设置元素的宽度以及高度

• inline-block：行内块元素，显示为内联元素，能够设置宽度以及高度

• list-item： 此元素做为列表显示

• run-in：此元素会根据上下文做为块级元素仍是内联元素显示

• table：此元素做为块级表格显示，相似<table>，先后有换行符

• inline-table：此元素做为内联表格显示，相似<table>，先后没有换行符

• table-row-group：相似<tbody>

• table-header-group：相似<thead>

• table-footer-group：相似<tfoot>

• table-row：相似<tr>

• table-column-group：相似<colgroup>

• table-column：相似<col>

• table-cell：相似<td>或者<th>

• table-caption：相似<caption>, 表格标题

• inherit：规定从父元素继承display属性