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屬性