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