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